如何将函数绑定到通过Ajax加载的Element

小编典典

如何将函数绑定到通过Ajax加载的Element

ajax

我的页面上有一些CSS类=“ hello”的Divs。此外，我使用Ajax通过CSS class =“
hello”来获取更多Divs。我有一段代码被称为Divs的Click事件，如下：

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

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

阅读 256

2020-07-26

共1个答案

小编典典

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

演示

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

2020-07-26