Penyelesaian tidak sah untuk setTimeout digabungkan dengan Mouseenter

Question

$(".item-holder").each(function(){
    $(this).bind("mouseenter", function(e) {
        e.preventDefault();
        var t = setTimeout(function(){
            $(this).find(".mindex-blog-meta").animate({
                left:"0"
            },500);
            $(this).find(".ret").animate({
                top:"60%"
            },600);
        });
    },300)
});

$(".item-holder").each(function(){
    $(this).bind("mouseleave", function(e) {
        e.preventDefault();
        clearTimeout(t);
        $(this).find(".mindex-blog-meta").animate({
            left:"-60%"
        },500);

        $(this).parent().find(".ret").animate({
            top:"100%"
        },600);
    });
});

Answer 1

Berikut ialah artikel yang menerangkannya dengan terperinci, serta contoh dalam talian:

http://www.aijquery.cn/Html/jqueryjiqiao/130.html

Answer 2

1. Jika anda menemui berbilang elemen yang perlu diikat kepada pemprosesan acara yang sama , gunakan proksi acara sebaliknya, iaitu mengikat acara kepada elemen ini pada elemen induk biasa, dan kemudian gunakan pemilih untuk memukul elemen yang ditentukan. Lihat dokumentasi untuk kaedah tertentu;

Jika anda ingin clearTimeout(), pembolehubah mesti ditemui Pembolehubah t yang anda isytiharkan dalam fungsi tanpa nama terperangkap dalam skop dan tidak boleh keluar sama sekali~ # 🎜🎜#

2. clearTimeout()，变量得能找的到，你在匿名函数里声明的变量t，困在作用域里完全出不来啊~

3. 没必要setTimeout，jQ的动画不是还有delay呢么。

4. clearTimeout() Tidak perlu setTimeout, bukankah animasi jQ juga mengalami kelewatan?

#🎜🎜# Gunakan stop untuk mencapai kesan clearTimeout(). #🎜🎜##🎜🎜# #🎜🎜#