Dừng sự kiện jQuery Mouseleave khi nhập một yếu tố cụ thể khác

Question

Tôi cần biết cách tôi có thể dừng sự kiện mouseleave của mình khi xảy ra khi tôi trượt chuột qua một phần tử khác (liên kết). Làm thế nào tôi có thể thiết lập một điều kiện mà nói để chỉ làm phim hoạt hình mouseleave nếu tôi đã không nhập vào một yếu tố cụ thể?

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

Answer 1

bạn có thể dừng sự kiện và ngăn chặn nó từ bọt/bắn:

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

Answer 2

Sử dụng sự kiện 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); 
    } 
});