Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menyelesaikan masalah kegagalan ikatan jquery

Bagaimana untuk menyelesaikan masalah kegagalan ikatan jquery

藏色散人
Lepaskan: 2021-11-12 11:23:13
asal
2183 orang telah melayarinya

Penyelesaian kepada kegagalan ikatan jquery: 1. Cipta fail sampel HTML; 2. Gunakan fungsi "$(".sentnum-box").delegate(".a-add-ordergoods","click", fungsi (){...});" kaedah boleh diselesaikan.

Bagaimana untuk menyelesaikan masalah kegagalan ikatan jquery

Persekitaran pengendalian artikel ini: sistem Windows 7, versi jquery 3.2.1, komputer DELL G3

Cara menyelesaikan masalah kegagalan ikatan jquery?

Kaedah pemprosesan jQuery tidak sah menggunakan bind untuk mengikat acara secara dinamik

Saya sedang membangunkan halaman Semasa melakukan kesan khas halaman, saya perlu menetapkan acara kepada butang yang dimuatkan secara dinamik

Jadi saya menggunakan $(obj).bind(); untuk mengikat acara tanpa berfikir.

Tetapi ada masalah:

bind memang boleh mengikat peristiwa, tetapi itu dibandingkan dengan teg html tetap

Apabila kandungan halaman dimuatkan secara dinamik , terdapat pepijat dalam acara bind, ia hanya boleh diikat sekali dan ia akan menjadi sia-sia apabila anda mencetuskan acara untuk kali kedua

Contohnya:

Saya menetapkan klik pada teg termasuk kandungan dibaca daripada data latar belakang dan kemudian dimuatkan secara dinamik. Apabila saya menggunakan bind untuk mengikat acara klik, klik pertama berjaya mencetuskan

Tetapi klik kedua, acara klik tidak sah.

Penyelidikan kemudian mendapati bahawa jQuery masih Terdapat kaedah untuk bind events: delegate();

digunakan seperti berikut:

$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){ 
  //js数据代码
});
Salin selepas log masuk

Dengan cara ini anda boleh mengikat acara kepada data dinamik dan tidak akan tamat tempoh

Pembelajaran yang disyorkan: "tutorial video jquery"

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan masalah kegagalan ikatan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan