Sử dụng hoverIntent với .Trên hoặc delgate

Question

Làm thế nào bạn sẽ sử dụng hoverIntent với điều này:

$mainNav.on('mouseenter', '.hEvent', function() { 
     //Do stuff 
    }); 

Answer 1

.hEvent đang được sử dụng như bộ chọn, phải không? Trình cắm thêm hoverIntent, từ những gì tôi hiểu, có một tùy chọn được gọi là over có chức năng, đồng nghĩa với onMouseOver (giống như sự kiện jQuery MouseEnter).

Sẽ không bạn có thể sử dụng:

$(".hEvent").hoverIntent(over: function() { 
    //Do stuff 
}); 

Answer 2

Trên thực tế, nó là một chút khó khăn để sử dụng những thứ như 'hover' hoặc 'hoverIntent' đại biểu trực tiếp sử dụng(), vì di chuột không phải là một THỰC TẾ sự kiện, nhưng nó bao gồm hai sự kiện khác nhau, cụ thể là mouseenter và mouseleave. Do đó, hover thực sự là một sự kiện giả. Bạn có thể tìm thấy thông tin này tại đây: http://api.jquery.com/hover/

Bây giờ, về xử lý sự kiện giả: Điều này sẽ hoạt động và mã cũng tự giải thích. Giả sử bạn cần phải ràng buộc hoverIntent để #child

$('#parent').delegate(
     '#child', 
     'hoverIntent', 
     function (evt) { 
      if (evt.type === 'mouseenter') 
       $(this).find('.tooltip').fadeIn(); 
      else 
       $(this).find('.tooltip').hide(); 
    }); 

Hope this helps. : D

Answer 3

Sử dụng tùy chọn "chọn" cho ủy quyền sự kiện.

$mainNav.hoverIntent({ 
     over: function() { 

     }, 
     out: function(){ 

     }, 
     selector: '.hEvent' 
}); 

Nguồn: hoverIntent Documentation