Javascript 在jquery中使用load（）函数时按钮不起作用

当我使用加载方法时，文件中加载的按钮不起作用

主页中的代码

$html.loaddemo.php

demo.php中的代码

<button id="btn">Alert</button>
<script>
var btn = document.getElementById("btn");

btn.onclick = function(){
alert("Hello")
}
</script>

---

请尝试使用其他元素代替html

$("another selector").load("demo.php")

在第一页中添加另一个元素，并使用该元素加载demo.php

当您加载demo.php时，您正在从页面中删除jquery，这就是为什么您什么也得不到的原因

尝试创建我上面提到的另一个元素

$div.loaddemo.php 当使用不带后缀选择器表达式的URL调用.load时，在删除脚本之前，内容将传递到.html。这将在脚本块被丢弃之前执行它们。但是，如果使用附加到URL的选择器表达式调用.load，则会在更新DOM之前剥离脚本，因此不会执行

所以当你打电话时：

$("#buttons").load("demo.php");

这将执行脚本块。您可能需要考虑调整这个块，以确保它能更好地与DOM一起工作。请考虑以下内容：

<button id="btn">Alert</button>
<script>
$("#buttons").on("click", "#btn", function(e){
  alert("Hello")
});
</script>

---

哦，是的，我在问题中遗漏了它，但在demo.php文档中没有$body.onclick，btn，函数{alerthello；}；您应该在主文件中编写此代码。我怀疑。由于受到保护，load不会加载元素。考虑

<button id="btn">Alert</button>
<script>
$("#buttons").on("click", "#btn", function(e){
  alert("Hello")
});
</script>