AJAX связывает события jquery несколько раз

Question

У меня есть настройка главной страницы, с pageLoad в самой верхней мастер-странице, которая вызывает pageLoad2 для вложенных мастер-страниц, которая вызывает pageLoad3 для страниц содержимого.

На моей странице содержимого есть событие jquery click, а на моей вложенной главной странице - веб-элемент управления.

Всякий раз, когда я использую пользовательский элемент управления на вложенной главной странице, он повторно связывает событие click на странице содержимого (несомненно, потому что pageLoad3 вызывается снова), но это вызывает событие click дважды по одному щелчку. Проблема усугубляется, когда вы переходите вверх по мастер-страницам (например, срабатывает 3 раза, если вызывается пользовательский элемент управления с самой верхней мастер-страницы).

Может кто-нибудь сказать мне, как сделать так, чтобы он связывал события jquery только один раз?

Answer 1

Вы можете использовать функцию .one (), которая сначала отменяет привязку события.

$("#name").one("click", function(){
  // insert code here
});

Answer 2

Вы можете использовать .live () - обработчик , чтобы вам не приходилось связывать элементы управления снова и снова.