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