Вторая страница не работает с кодами на первой странице

inaz спросил: 27 ноября 2017 в 05:52 в: javascript

У меня есть главная страница, на которую я загрузил другую страницу через ajax, когда документ готов, также у меня есть кнопка, которая, когда я нажимаю на нее, показывает предупреждение, и у меня есть эта кнопка на второй странице. но когда я нажимаю на него на той странице, этот код не работает? как я могу решить эту проблему?

, потому что я не хочу повторять js codes на второй странице?

вот мой код первой страницы:

код первой страницы:

<html>
<head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head><body>
<div class="captcha" style="border:1px solid red;">
</div>
<div class="details1">cccc</div>
<script>
$(document).ready(function(e) {
$(".captcha").load("/secondpage.htm");
$(".details1").click( function()
{
 alert('button clicked');
}
);});
</script>
</body>
</html>

и это моя вторая страница что я загрузил в div с именем класса captcha:

код второй страницы:

<html>
<head>
</head>
<body>
 <section class="details1"> Details </section>
</body>
</html>

0 ответов