关于AJAX加载内容的jquery中的onclick事件

Question

我在jQuery中使用“.on”方法在通过AJAX插入的内容上遇到了麻烦。我目前使用“.live”，但是这已被弃用，“。on”就是我所追求的。

我的工作代码是：

$('.folderadmin').live("click", function() 
{   
   // Do stuff
})  

当我用.on替换.live时，它无法正常工作。我相信这是因为元素.folderadmin是通过AJAX加载的 - 因此我们需要使用.live来访问它。如何访问DOM并使用.on？

识别.folderadmin

Answer 1

$('.folderadmin').live("click", function() {   
   // Do stuff
});

与

相同

$(document).on("click", '.folderadmin', function() {
  // Do stuff
});

但是没有必要绑定到document，你可以绑定到dom树中已经存在的.folderadmin的父容器。

$('#the_parent_id').on("click", '.folderadmin', function() {
  // Do stuff
});

Answer 2

你应该检查你的jQuery版本，因为.on是在jQuery版本1.7上添加的，其中.live（）方法显然已被弃用了 .on()
它应该是这样的：

$(".folderadmin").on("click", function(){
  //enter code here
});