Не срабатывает событие click на динамически добавленный класс
Подскажите почему не работает событие click по кнопке btn-2 после клика по btn?
http://jsfiddle.net/tv0pzuw0/10/ |
spo,
потому что элемента .hello div.btn-2 ещё нет, а раз нет то и клик не назначить, назначайте тому что есть. |
spo,
здесь ищите проблему .hello div.btn-2 ! |
Цитата:
И что значит нет? После клика на btn еще как есть. |
Цитата:
Цитата:
Цитата:
|
Цитата:
Цитата:
|
Цитата:
значит и элемента .hello div.btn-2 нет!!! |
spo,
строку 18 надо исправить, как я подсказал выше ... если трудно перечитайте документацию на on и про делегирование <!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(function(){ $('div.btn').click(function () { $('header').addClass('hello'); }); alert($('.hello div.btn-2').length) $('.hello div.btn-2').on('click', function () { $('header').removeClass('hello'); }); }); </script> </head> <body> <header> <div class="btn">btn</div> <div class="btn-2">btn-2</div> </header> </body> </html> |
$('header').on('click', '.btn-2', function () {
$('header').removeClass('hello'); }); |
Цитата:
$('body').on('click', '.hello div.btn-2', function () {...}); |
Часовой пояс GMT +3, время: 00:12. |