加载内容并应用函数jQuery

Question

我正在用ajax将一些内容加载到我的网页索引中，我有一些点击功能适用于那些内容，问题是如果我加载内容手册，如果我使用ajax它没有点击事件就行了对于加载它的内容起作用，看起来我告诉网站有新内容，但我不知道如何。

Answer 1

您需要为动态添加的元素执行event delegation。

例如：

$('containerId').on('click','elementId',function(){

//do something

})

其中

containerId  //To which you added the elements

elementId  //on which you are doing the click event.

$(document).on(.....也有效但选择更具体的元素会提高性能。

Answer 2

你需要使用on jquery方法。 Jquery On()

  

委派事件的优势在于它们可以处理来自的事件   稍后添加到文档中的后代元素。通过   选择一个保证在当时存在的元素   委托事件处理程序附加，您可以使用委托事件   避免频繁附加和删除事件处理程序。

$('#yourID').on('click','context',function(){

//do something

})

Answer 3

试试这个

$(document).on('click', 'your id or class', function(){
   //ur action here
});

Answer 4

搜索关键字：javascript event delegate。

您可以在加载新内容后使用事件委托或绑定事件。

Answer 5

click事件可能在#id或.class中定义，或者是通过ajax以dyanamically方式添加到页面的元素。

你必须意识到函数是在页面加载时执行的，那时特定元素（#id或.class）不会存在，因此你无法执行click函数。

检查浏览器控制台，您可能会收到未定义的错误。