1

これにより 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();
});
4

1 に答える 1

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();
    }
});
于 2012-05-18T16:12:18.750 に答える