Добавление и удаление обработчиков событий в html elemts

Question

Моя страница состоит из меню и тела, и обе они имеют div. Когда открывается страница, я добавляю к обработчику событий элементов div, используя метод «on», и все работает отлично. Но тело можно перезагрузить с помощью ajax. Я понимаю, что div в теле не работает, и я хочу добавить к нему обработчик событий. Я пытаюсь несколько вещей, но главная проблема заключается в том, что когда я добавляю обработчик событий для div, он также добавляется в элемент div в моем меню. и когда я нажимаю на меню, событие div срабатывает два раза. Я стараюсь использовать такую ​​конструкцию

$('.div-element').off().on('click', function(){///}); 

, но это не имеет никакого эффекта. Пожалуйста, советьте что-нибудь.

Answer 1

$(document).on('click','.div-element', function(){///}); 

дать выстрел

Answer 2

Поскольку body перезагружается с помощью ajax, чтобы убедиться, что вы сохраняете events вы прикреплены к div's внутри body, вы должны использовать jQuery'sdelegated events. Например:

$('body').on('click', 'div', function(event){ 
//code for event handler 
}) 

Это позволит убедиться, что events добавлены в div's сохраняются даже после body перезагрузки.

Answer 3

Попробуйте это:

$('body').on('click','.div-element', function(){///});