Unbind всех события от содержания, которое добавляется динамически с помощью AJAX

Question

Пожалуйста, прочитайте эту часть первой:
Оказывается, моя проблема в том, что кто-то использовало onclick="some javascript", что все мои стопоры события не расслышали.

Я не нашел информацию по этой теме, должен ли это быть в сообществе wiki?

---

У меня есть содержание, которое имеет динамически загруженное содержимое, где я хочу отвязать событие:

примера

кода на INIT:

<div id="Wrap"></div> 

пример код после загрузки содержимого с помощью AJAX :

<div id="Wrap"> 
    <div class="item"></div> 
    <div class="item"></div> 
    <div class="item"></div> 
</div> 

Что я хочу:

• .item может иметь какое-либо событие
• Элемент загружается динамически с помощью AJAX
• Он должен отвязать все события, и заменить его на один (< - это нет проблем)

Что я имею:

$(document).ready(handleWriteDisableds); 

$(window).load(handleWriteDisableds); // in doc ready 

$(document).ajaxComplete(handleWriteDisableds); 


function handleWriteDisableds(){ 
    $('.item').unbind() // remove all events set in doc-ready 

    $(document).on('click', '.item', function(e){ 
     e.preventDefault(); // prevent default behaviour 
     e.stopPropagation(); // Don't bubble up 
     alert('no can do'); 
     return false; // hardcore stopping stuff 
    }); 
} 

Что мне нужно:
Чтобы отвязать ВСЁ после того, как он динамически загружает.

Редактировать О, Оказывается, у нас есть кто-то, кто использовал атрибут onclick, которые, по-видимому, не прекращаются. Я обновлю, если у меня есть дополнительная информация

Answer 1

Попробуйте функцию jQuery off(), чтобы удалить событие, прикрепленное к динамически добавленному элементу. jQuery off()

Добавить это в обратном вызове ajax.

$('.item').off(); // with no arguments removes all handlers attached to the elements. 

Answer 2

Попробуйте это. Это может помочь вам с этим быстрым решением. Это отвяжет все события.

---

EDIT:

Динамически добавленные элементы не будут иметь обработчик - то есть, в вашем случае новодобавленный DOM имеющий «.item» не будет работать, если вы не пересвязать обработчик. Итак, если вы динамически добавляете содержимое (через AJAX), то как ваш динамический контент получает связанный с ним обработчик?

Вам нужно выяснить, как он получает обработчик для динамического содержимого.

По умолчанию динамически добавленный контент не связан с ним обработчиком.

---

$(function() { 
 

 
    $(document).on('click', '.item', function(e) { 
 
    e.unbind(); 
 
    alert('no can do') 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="Wrap"> 
 
    <div class="item">Dynamic Content 1</div> 
 
    <div class="item">Dynamic Content 2</div> 
 
    <div class="item">Dynamic Content 3</div> 
 
</div>