Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menyelesaikan masalah kegagalan ikatan jquery

Bagaimana untuk menyelesaikan masalah kegagalan ikatan jquery

藏色散人
藏色散人asal
2021-11-12 11:23:132144semak imbas

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 c7ffa35a7a9b27ef399c8460cc55972b 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数据代码
});

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!

Kenyataan:
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
Artikel sebelumnya:Adakah jquery jsp?Artikel seterusnya:Adakah jquery jsp?