выбрать и применить событие к динамическому элементу

Question

выбрать и применить событие к динамическому элементу

0

Я хочу применить некоторые CSS, используя jquery, например, $('#btn').('color','red');

но проблема в том, что не работает для моего нового добавленного элемента, #btn. Он работает только с моим существующим элементом.

я использую

$('#btn').on(function(){
   $(this).css('color','red');
});

но не повезло

Kaitlyn Sacco 06 окт. 2013, в 13:59

Источник

1

вы не можете делать это так ... любые манипуляции с dom должны быть выполнены после создания элемента ... использование делегирования on относится только к обработке событий ... его нельзя использовать для манипулирования dom
Arun P Johny 06 окт. 2013, в 11:08
0

возможный дубликат привязки событий к динамически создаваемым элементам?
Patsy Issa 06 окт. 2013, в 11:09
0

Вы действительно должны исследовать, прежде чем задавать вопрос.
Patsy Issa 06 окт. 2013, в 11:09
1

Просто чтобы уточнить - потому что похоже, что вы используете #btn более одного раза - идентификаторы должны быть уникальными! Ожидаемое поведение должно состоять в том, что $('#btn') выбирает один элемент - первый, с которым он сталкивается. Возможно, попробуйте выбрать по имени класса: $('.myBtn') ...
Emissary 06 окт. 2013, в 11:26

Показать ещё 2 комментария

Теги:

javascript

jquery

2 ответа

Ещё вопросы

вы не можете делать это так ... любые манипуляции с dom должны быть выполнены после создания элемента ... использование делегирования on относится только к обработке событий ... его нельзя использовать для манипулирования dom
возможный дубликат привязки событий к динамически создаваемым элементам?
Вы действительно должны исследовать, прежде чем задавать вопрос.
Просто чтобы уточнить - потому что похоже, что вы используете #btn более одного раза - идентификаторы должны быть уникальными! Ожидаемое поведение должно состоять в том, что $('#btn') выбирает один элемент - первый, с которым он сталкивается. Возможно, попробуйте выбрать по имени класса: $('.myBtn') ...

Wolfram · Answer 1 · 2013-10-06T09-56-00.000Z

Возможно, вы захотите изучить DOM4 Mutation Observers (рабочий проект W3C). Они могут использоваться для получения уведомления, если DOM изменен, поэтому вы можете работать с недавно вставленными узлами, например. Также просмотрите библиотеку сводок Мутации. Однако не все браузеры поддерживают эту функцию.

Если это кажется излишним для вашего случая использования, попробуйте установить CSS перед тем, как вставить что-либо или .trigger() пользовательское событие после вставки (например, с помощью .trigger()).

Anuj Aneja · Answer 2 · 2013-10-06T08-43-00.000Z

Вы можете использовать плагин.livequery()

например

$('#btn').livequery(function() {
  $(this).css('color','red');
});

надеюсь, это поможет

благодаря