gpt4 book ai didi

javascript - 第二页不适用于第一页中的代码

转载 作者:搜寻专家 更新时间:2023-11-01 04:13:02 24 4
gpt4 key购买 nike

我有一个主页,当文档准备好时,我通过 ajax 加载了另一个页面,还有一个按钮,当我单击它时,我会显示一个警报,并且我在第二页中也有该按钮。但是当我在该页面中单击它时该代码不起作用?我该如何解决这个问题?

因为我不想在第二页重复js代码

这是我的第一页代码:

首页代码:

<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');
});

关于javascript - 第二页不适用于第一页中的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47920008/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com