gpt4 book ai didi

javascript - .on() 无法在 ajax 加载的页面上工作

转载 作者:搜寻专家 更新时间:2023-10-31 22:33:07 24 4
gpt4 key购买 nike

我的 soft.php 代码

<!DOCTYPE html>
<html>
<head><style>
</style>
<script src="jquery.js"></script>
<script>
$(function(){
$("button").on("click",function(){alert("f");});
$("div").on("click",function(){
$("span").load("check.php");
});

});</script></head><body>
<div>Click</div>
<button>eaf</button><span></span>
</body></html>

和check.php代码

<body>
<button>Hello</button>
</body>

我想在单击通过 ajax 加载的按钮时提醒 f,该按钮与 .live() 一起工作正常。但是有人告诉我 .on() 可以用来代替 live 但 .on() 在这里不起作用。建议解决方案

最佳答案

$('body').on("click", "button", function(){
alert("f");
});

当您的按钮在页面加载后添加到 DOM 时,您需要使用委托(delegate)事件。

最好使用其他选择器而不是 body

您可以像下面这样使用多个选择器:

$('body').on("click", "button, div", function(){
alert("f");
});

了解 .on()

关于javascript - .on() 无法在 ajax 加载的页面上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10913232/

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