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

Question

我的页面中有几个带有 CSS class="hello" 的 Div 此外，我使用 Ajax 来获取更多带有 CSS class="hello" 的 Div 我有一段代码在 Div 的 Click 事件中调用为如下：

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

它适用于从一开始就存在于我的页面中的 Div，但不适用于使用 Ajax 加载的 Div。为了将这段代码与新加载的 Div 绑定，我需要做些什么吗？

score 8 · Accepted Answer

您应该使用.on将处理程序绑定到在绑定执行期间已经存在的另一个元素，例如 the<body>或 thedocument并让它检测子事件。但理想情况下，您应该将其绑定到最近加载的内容的公共父级。

演示

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

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

1 回答 1

Related

Reference