Связывание событий для вызовов ajax - как вы это делаете?

Question

У меня вопрос типа «какой метод самый лучший», так как я считаю, что мой нынешний способ работы несколько двусмысленен ...

Начиная с простой страницы с несколькими кнопками меню. Каждому меню соответствует одно событие, чтобы заполнить основную область следующим образом.

$('#admin_panel_inner>a').bind('click', function()
{
   $.get(url, function(data)
   {
      $('#admin_panel_wrapper').html(data);
   });
});

Пока все хорошо, но теперь мой вопрос действительно начинается здесь ... Я мог бы использовать ajax в любом количестве HTML-шаблонов описанным выше способом, каждый из которых содержит таблицу, кнопку редактирования или кнопку создания, например ..

Следующим шагом, который я вижу, будет связывание вышеуказанных кнопок / ссылок, введенных ajax, с другим набором обработчиков событий, чтобы перехватывать их события щелчка. Я вижу, что это быстро выходит из-под контроля со многими связанными событиями, которые могут даже не существует ..

Если мне требуется страница менеджера компоновки, как мне вызвать прослушиватели событий для ПРОСТО макета, а не для всех других «может быть» ajaxed html шаблонов ...

Надеюсь, это немного яснее .. Еще раз спасибо,

Answer 1

Обычно лучший метод - наименее навязчивый.

Обычно я создаю init() функцию, которая вызывается, когда DOM готов.Он подключает все обработчики событий на основе идентификатора и имени класса.Я максимально избегаю встроенного «onclick».