Как обратиться к элементу, который был добавлен после полной загрузки DOM?
Допустим у меня есть такой файл:
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
</head>
<body>
<div id='test'>Кликни на меня!</div>
<div id='block'></div>
<div id='block2'></div>
<script>
$(document).ready(function(){
$('#test').click(function(){
$('#block').html("<div id='test2'>А теперь на меня!</div>");
});
$('#test2').click(function(){
$('#block2').html('Все завершено!');
});
});
</script>
</body>
</html>
Первый слушатель работает, а второй уже нет. Как же решить эту проблему без функций, типа onclick='javascript:someFunc();'? |
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
</head>
<body>
<div id='test'>Кликни на меня!</div>
<div id='block'></div>
<div id='block2'></div>
<script>
$(document).ready(function(){
$('#test').click(function(){
$('#block').html("<div id='test2'>А теперь на меня!</div>").children().click(function(){
$('#block2').html('Все завершено!');
});
});
});
</script>
</body>
</html>
|
Я упростил код, если я добавляю множество кода после клика. Как обратиться к определенному элементу?
|
$('#block').html("<div id='test2'>А теперь на меня!</div>").find("нужный нам селектор").click
|
devote,
LysoSutriN, А live ?
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
</head>
<body>
<div id='test'>Кликни на меня!</div>
<div id='block'></div>
<div id='block2'></div>
<script>
$(document).ready(function(){
$('#test').click(function(){
$('#block').html("<div id='test2'>А теперь на меня!</div>");
});
$('#test2').live("click",function(){
$('#block2').html('Все завершено!');
});
});
</script>
</body>
</html>
|
рони,
ну я не юзаю джуквери, поэтому не в курсе подобных тонкостей. |
| Часовой пояс GMT +3, время: 05:14. |