中断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();
    }
});