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

Rao*_*har 2 html javascript ajax jquery

我的页面中有几个Divs,CSS class ="hello"此外我使用Ajax来获取更多带有CSS class ="hello"的Div.我有一段代码,它被调用Divs的Click事件作为如下:

$('.hello').click(function(){
  alert("Hello Clicked");
})
Run Code Online (Sandbox Code Playgroud)

它适用于我的页面中从一开始就存在的Div,但不适用于使用Ajax加载的Div.有没有什么我需要做的,以便将这一小段代码绑定到新加载的Divs?

Jos*_*eph 8

您应该使用.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");
})
Run Code Online (Sandbox Code Playgroud)