Bagaimana untuk menghentikan animasi animasi dengan jquery
某草草
某草草 2017-05-16 13:43:21
0
3
568

Terdapat dua kaedah Jalankan kaedah belok Kanan untuk mengawal kotak untuk bergerak ke kanan, dan laksanakan kaedah belok Kiri untuk mengawal kotak untuk bergerak ke kiri.

function tureRight(){
    $('.k-element-plugs-box').animate({
                marginLeft: "0px"
        },1000,function(){
            console.log("end")
    })
}
    
function tureLeft(eletype){
    $('.k-element-plugs-box').animate({
        marginLeft: "-180px"
    },300)    
 }

Dalam kaedah turnRight, saya menambah fungsi panggil balik dalam kaedah animasi animasi untuk melaksanakan console.log("end"). Selepas kaedah turnRight dilaksanakan, kotak bergerak ke kanan selama 1 saat. Selepas tamat Cetak "tamat". Jika saya melaksanakan kaedah turnLeft apabila kotak belum sampai ke kanan (iaitu, masa tidak mencukupi untuk 1 saat), ia akan menunggu selama 1 saat sebelum melaksanakan kaedah turnLeft.
Jika JS ditulis oleh saya sendiri, saya tahu adalah bagus untuk mengosongkan pemasa, tetapi bagaimana anda menghentikan animasi animasi secara turnRight dengan jquery

某草草
某草草

membalas semua(3)
阿神

$('.k-element-plugs-box').stop();
tureLeft();

PHPzhong

$('.k-element-plugs-box').stop().animate(), mula-mula hentikan animasi sebelumnya, dan kemudian laksanakan animasi seterusnya

phpcn_u1582

$('xxx').stop() atau $('xxx').stop().animate()
stop() penggunaan khusus dan perihalan parameter boleh didapati dalam dokumentasi, ia akan dijelaskan dengan lebih baik

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan