Форум

LysoSutriN · #1 (**permalink**) 02.01.2012, 16:11

Допустим у меня есть такой файл:

<!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();'?

devote · #2 (**permalink**) 02.01.2012, 16:26

<!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>

LysoSutriN · #3 (**permalink**) 02.01.2012, 16:39

Я упростил код, если я добавляю множество кода после клика. Как обратиться к определенному элементу?

devote · #4 (**permalink**) 02.01.2012, 16:41

$('#block').html("<div id='test2'>А теперь на меня!</div>").find("нужный нам селектор").click

рони · #5 (**permalink**) 02.01.2012, 16:58

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>

devote · #6 (**permalink**) 02.01.2012, 16:59

рони,
ну я не юзаю джуквери, поэтому не в курсе подобных тонкостей.

Форум

Справочник

Discord чат

Курсы javascript