Jquery добавляет прослушиватели событий к динамически добавленным элементам

Поэтому прямо сейчас я понимаю, что для того, чтобы прикрепить прослушиватель событий к динамически добавленному элементу, вы должны переопределить слушателя после добавления элемента. Есть ли способ обойти это, так что вам не нужно выполнять целый дополнительный блок кода?

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

например

 $('#staticDiv').on('click', 'yourSelector', function() { //do something }); 
 $(document).on('click', 'selector', handler); 

Если click – это имя события, а handler – обработчик событий, например ссылка на функцию или функцию анонимной function() {}

PS: если вы знаете конкретный узел, к которому вы добавляете динамические элементы, вы можете указать его вместо document .

Вы динамически генерируете эти элементы, поэтому любой слушатель, применяемый при загрузке страницы, не будет доступен. Я отредактировал вашу скрипку с правильным решением. В основном jQuery содержит событие для последующего связывания, прикрепляя его к родительскому элементу и распространяя его вниз на правильный динамически созданный элемент.

 $('#musics').on('change', '#want',function(e) { $(this).closest('.from-group').val(($('#want').is(':checked')) ? "yes" : "no"); var ans=$(this).val(); console.log(($('#want').is(':checked'))); }); 

http://jsfiddle.net/swoogie/1rkhn7ek/39/

При добавлении нового элемента с помощью подключаемых модhive jquery вы можете сделать следующее:

 $('
...
').hoverCard(function(){...}).appendTo(...)
  • Как я могу вызвать событие рисования?
  • Событие Click не работает с динамически сгенерированными элементами
  • Как я могу отменить регистрацию «анонимного» обработчика событий
  • Выделить событие с текстовым полем?
  • Загружается событие AngularJs для вызова после содержимого
  • Как добавить событие в UserControl в C #?
  • Порядок событий «Form.Load», «Form.Shown» и «Form.Activated» в Windows Forms
  • Отменить синхронизированное событие в Swift?
  • Суперпростой пример наблюдателя C # / наблюдаемого с делегатами
  • Реализация сканера штрих-кода на Java
  • Когда используется пул streamов?
  • Interesting Posts

    Понимание размеров строк Postgres

    Кнопка привязки Нажмите на метод

    Методы classа, которые создают новые экземпляры

    Блокнот ++: как добавить возврат каретки (нажатие клавиши ввода) после определенного символа

    Как использовать GMail в качестве основного почтового клиента?

    Разрешение отказа: для этого требуется андроид.permission.INTERACT_ACROSS_USERS_FULL

    Как TransactionScope откатывает транзакции?

    В чем разница между интрасети, экстрасети и Интернетом?

    Есть ли поддержка в C ++ / STL для сортировки объектов по атрибуту?

    Как вы выполняете эффекты перехода с помощью элемента управления Frame в WPF?

    Как использовать переменную как имя поля в mongodb-native findOne ()?

    json.net: указать конвертер для ключей словаря

    Функция clearRect не очищает полотно

    Обновление для разработчиков Windows 10 – игнорируйте рекомендации «производительность и здоровье»?

    показать предупреждение в широковещательном приемнике после перезагрузки системы

    Давайте будем гением компьютера.