停止jQuery Mouseleave事件當進入另一個特定元素

Question

我需要知道當我將鼠標滑動到不同的元素（鏈接）時，如何停止發生的mouseleave事件。如果我沒有輸入特定的元素，我如何設置一個條件，說只做mouseleave動畫？

$(activity_link).mouseenter(function() { 
    $(this).siblings(".delete_place").animate({ 
               "left" : "-28px" 
               }, 300);  
}).mouseleave(function() { 
    $(this).siblings(".delete_place").animate({ 
               "left" : 0 
               }, 300); 
}); 

Answer 1

，你可以停止的事件，並防止起泡/射擊：

... 
}).mouseleave(function(event) { 
    if(mycondition) { 
     $(this).siblings(".delete_place").animate({"left" : 0}, 300); 
    } else { 
     event.preventDefault(); 
    } 
    ... 

Answer 2

使用事件relatedTarget的：

$(activity_link).mouseenter(function() { 
    $(this).siblings(".delete_place").animate({ 
     "left": "-28px" 
    }, 300); 
}).mouseleave(function (e) { 
    if (e.relatedTarget != myElem) { //where myElem is a HTML element 
     $(this).siblings(".delete_place").animate({ 
      "left": 0 
     }, 300); 
    } 
});