jquery - 在 document.ready 上使用 jQuery 添加元素，然后对新添加的元素进行更改

Question

如果您使用以下方式添加元素：

jQuery(document).ready(function($){
   // append new div somewhere
}

如何检查是否单击了新创建的 div（文档准备好后）？因为这似乎不起作用：

   jQuery(document).ready(function($){
       // append new div somewhere with "test" class
     $(".test").click( function(){
           // do things
      });

    }

Answer 1

此处应使用方法“on”。它将事件附加到现有元素以及以后可以添加的元素。您还可以查看文档：http ://api.jquery.com/on/

此代码应该可以解决您的问题：

$(document).on('click', '.class-of-newly-added-element', function(e) {
  // your code here
});

Answer 2

利用

$('.test').live('click', function (){
  //code here
});

或者

$('.test').on('click', function (){
  //code here
});

注意：live() 从 jQuery 1.7 开始被弃用