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

Question

我在通过 AJAX 插入的内容上使用 jQuery 中的“.on”方法时遇到问题。我目前使用“.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
});

但是不需要绑定，你可以绑定到dom 树中已经存在document的父容器。.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
});