gpt4 book ai didi

javascript - 如何将函数绑定(bind)到通过 Ajax 加载的元素

转载 作者:太空宇宙 更新时间:2023-11-04 14:06:14 27 4
gpt4 key购买 nike

我的页面中有几个带有 CSS class="hello"的 Div此外,我使用 Ajax 通过 CSS class="hello"获取更多的 Div我有一段代码在 Divs 的 Click 事件上调用,如下所示:

$('.hello').click(function(){
alert("Hello Clicked");
})

它适用于从一开始就出现在我的页面中的 Div,但不适用于使用 Ajax 加载的 Div。为了将这段代码也与新加载的 Divs 绑定(bind),我需要做些什么吗?

最佳答案

你应该使用 .on 将处理程序绑定(bind)到绑定(bind)执行期间已经存在的另一个元素,比如 <body> ,或 document并让它检测 child 事件。但理想情况下,您应该将其绑定(bind)到所加载内容的最近公共(public)父级。

demo

//bind to the body a "click" handler for elements that have class names of "hello"
$('body').on('click','.hello',function(){
alert("Hello Clicked");
})

关于javascript - 如何将函数绑定(bind)到通过 Ajax 加载的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10116170/

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