Не срабатывает событие 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 () {...});
|
spo,
ура!!! именно так (у вас получилось) |
| Часовой пояс GMT +3, время: 11:49. |