Penyelesaian tidak sah untuk setTimeout digabungkan dengan Mouseenter
習慣沉默
習慣沉默 2017-05-19 10:45:28
0
2
861
$(".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);
    });
});
習慣沉默
習慣沉默

membalas semua(2)
狂飙的蜗牛

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

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

左手右手慢动作
  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;

  2. 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~ # 🎜🎜#
  3. clearTimeout(),变量得能找的到,你在匿名函数里声明的变量t,困在作用域里完全出不来啊~

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

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

#🎜🎜# Gunakan stop untuk mencapai kesan clearTimeout(). #🎜🎜##🎜🎜# #🎜🎜#
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan