我有一个主页，当文档准备就绪时，我已经通过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中的第二页：
第二页代码：
<html>
<head>
</head>
<body>
<section class="details1"> Details </section>
</body>
</html>
当您需要动态创建新元素时，您不能使用标准单击等事件。动态创建的元素并非天生具有与现有元素相同的事件处理程序。您必须动态地将事件处理程序附加到新创建的元素。
将“点击”替换为“打开”。
$("body").on("click", ".details1", function(){
alert('button clicked');
});