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'。它将事件附加到现有元素以及稍后可添加的元素。您还可以查看文档：{{3}}

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

$(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开始

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

2 个答案: