中斷jquery .load（）

Question

這會打開div並顯示加載的頁面內容。 它工作正常，但如果您通過「測試」鏈接快速瀏覽，則會將所有頁面加載到最後。

解決此問題的任何想法？

觸發

<a name="1" class="zoom">test1</a> 
<a name="2" class="zoom">test2</a> 
<a name="3" class="zoom">test3</a> 
<a name="4" class="zoom">test4</a> 

jQuery代碼：

$(".zoom").mouseover(function(){ 
    id=$(this).attr('name'); 
    page="../order.php"; 
    $('#trigga').load(page+'?id_ordine_testa='+id); 
    $('#trigga').fadeIn(); 
}); 

$(".zoom").mouseout(function(){ 
    $('#trigga').fadeOut(); 
}); 

Answer 1

我想你正在尋找的是對的jQuery的hoverIntent插件：

$('.zoom').hoverIntent({ 
    timeout: 100, 
    over: function() { 
     var id = $(this).attr('name'); 
     var page = "../order.php"; 
     $('#trigga').load(page+'?id_ordine_testa='+id, function() { 
      $('#trigga').fadeIn(); 
     }); 
    }, 
    out: function() { 
     $('#trigga').fadeOut(); 
    } 
});