javascript - jq klik acara berulang masalah pelaksanaan

Question

Sila bantu, elemen yang dijana secara dinamik oleh jq perlu diikat dengan peristiwa klik untuk berkuat kuasa, dan fungsi yang dijalankan juga mempunyai peristiwa klik, dan kemudian fungsi itu dilaksanakan dua kali Bagaimana untuk menyelesaikan situasi ini?

Answer 1

Gunakan objek acara untuk mencari sasaran yang anda benar-benar ingin klik

Answer 2

Sebenarnya, ia tidak lebih daripada acara yang diikat dua kali atau acara menggelegak
1

$(ele).unbind('click').click(function() {
        // to do    
})

2, Batalkan menggelegak

$(ele).click(function(e){
   e.stopPropagation();
});

Answer 3

Alih keluar pemantauan dahulu, kemudian pantau
.off(handler).on(handler)

Answer 4

Adakah ini menggelegak?

Answer 5

matikan Buka ikatan dahulu, kemudian ikat

Answer 6

$('document').unbind('click').click(function() {
            //dosomething
            })

Answer 7

function removeMaopao(ev){
        var eEvent = ev || event;
        eEvent.stopPropagation() && eEvent.stopPropagation;
        return false;
    }

Answer 8

Orang di atas membuatnya lebih jelas.
1. Mendapati masalah
1.1 terikat dua kali, kerana elemen yang dijana secara dinamik terikat pada acara, tetapi dalam acara ini acara terikat sebelumnya dipanggil semula

$('document').unbind('click').click(function() {
    //取消绑定的回调事件
})

1.2 Ia masih disebabkan oleh kejadian menggelegak (jika anda tidak biasa dengan gelembung, sila baca maklumat yang berkaitan dahulu)

$('document').click(function(e){
   //取消事件冒泡
   e.stopPropagation();
});

2. Elemen yang dihasilkan secara dinamik tidak semestinya perlu menggunakan peristiwa mengikat dinamik

Pengendali acara menggunakan kaedah delegate() berfungsi pada elemen semasa atau akan datang (seperti elemen baharu yang dicipta oleh skrip).
Klik di sini untuk melihat dokumen terperinci: http://www.w3school.com.cn/jq...

$("p").delegate("button","click",function(){
  $("p").slideToggle();
});

Answer 9

Ingat untuk mematikan() selepas on()