Question

我的页面中有几个Div，CSS class =“hello” 此外，我使用Ajax来获取一些CSS类=“你好”的Div 我有一段代码，在Divs的Click事件中调用如下：

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

它可以正常使用我的页面中存在的Div，但不能使用使用Ajax加载的Div。为了将这一小段代码与新加载的Div绑定，我还需要做些什么吗？

Answer 1

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

demo

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

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

1 个答案: