Блог

Я столкнулся с проблемой в событии jquery click.

Моя веб-страница предполагает создание кнопки с помощью javascript и присвоение кнопке класса (назовем его A). Теперь я хочу определить нажатие этой кнопки, и я написал для этого следующий код :

 $(".A").click( функция () {

 // сделай что-нибудь

 });

К моему удивлению, это событие click никогда не вызывается.

Но когда я создаю кнопку статически на веб-странице (во время разработки), работает тот же код.

Существует ли другой подход для привязки нажатия кнопки к jquery в случае, если кнопка создается динамически?

Вам нужно использовать $.live

 $(".A").live('click', function () {

   // do something

});
  

Взгляните на live() метод jquery для автоматического подключения событий к новым элементам. Или, когда вы создаете новую кнопку, прикрепите новое событие нажатия.

 var newbutton = $('<input type="button" value="click me"/>');
somediv.append(newbutton);
newbutton.click(yourhandler);
  

Ваш обработчик событий срабатывает при загрузке страницы, прежде чем ваша кнопка появится.

Либо сбросьте обработчик событий после создания кнопки, либо используйте .live для поздней привязки:

 $(".A").live('click', function () {
   // do something
});
  

Теперь обработчик будет применяться к .A даже созданным в будущем.

вы должны использовать live-функцию jquery! В отличие от функции click, она отслеживает манипуляции dom. как вы можете себе представить, это немного медленнее, чем .click().

 $('.clickme').live('click', function() {
  // Live handler called.
});
  

Феликс