Penyelesaian kepada pencetus berterusan animasi jQuery, ketinggalan dan execution_jquery berulang

Contoh dalam artikel ini menerangkan penyelesaian kepada perlaksanaan animasi jQuery yang berterusan dan tertinggal. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Apabila menggunakan slideUp, slideDown, animate dan animasi lain dalam jQuery, jika elemen sasaran didorong oleh peristiwa luaran, apabila tetikus mencetuskan peristiwa elemen luaran dengan cepat dan berterusan, animasi akan dilaksanakan berulang kali dengan ketinggalan, yang tidak senonoh.

Penyelesaian:

1. Tetapkan acara pada elemen pencetus kepada pemprosesan tertunda untuk mengelakkan masalah pelaksanaan berulang yang tertunda (gunakan setTimeout)

2 Hentikan semua animasi terlebih dahulu apabila mencetuskan acara elemen, dan kemudian laksanakan acara animasi yang sepadan (gunakan berhenti)

hentian jquery:

Salin kod Kod adalah seperti berikut:

//Struktur tatabahasa
$("#div").stop();//Hentikan animasi semasa dan teruskan dengan animasi seterusnya
$("#div").stop(true);//Kosongkan semua animasi elemen
$("#div").stop(false, true);//Biarkan animasi semasa mencapai keadaan akhir secara langsung dan teruskan dengan animasi seterusnya
$("#div").stop(true, true);//Kosongkan semua animasi elemen dan biarkan animasi semasa terus mencapai keadaan akhir

Kaedah kedua disyorkan di sini:

Salin kod Kod adalah seperti berikut:

$("#div").stop().animate({ lebar:" 100px"},100);

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.