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

我在我的页面中使用CSS class =“hello”另外我使用Ajax来获取更多的div以及CSS class =“hello” 有一段代码这是对的div的Click事件被称为如下：如何将函数绑定到通过Ajax加载的元素

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

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

来源

2012-04-12 Raouf Athar

我同意约瑟夫。按照他提供的链接阅读事件代表团。 – 2012-04-12 01:26:51

您应该使用.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"); 
})

来源

2012-04-12 01:16:45 Joseph

我得到了一个错误TypeError：Object [object Object]没有方法'on'。我的猜测是我使用旧版本的JQuery，我是对的。我从1.6.2升级到1.7.2，现在它工作。谢谢。 – 2012-04-12 01:42:18

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

回答

相关问题