附加按钮onclick不会触发Jquery

我有一个按钮，在表td中附加2个文本字段和一个按钮，但问题是附加按钮的onclickfunction不会触发。 有谁看到了这个问题？ 码：

 $(document).ready(function(){ $("#add").click(function() { $(".no_border").append("
Co-author email:Co-author Level:"); }); });  <?php while($row = mysql_fetch_assoc($co_authors)) { echo " {$row['author_email']} {$row['coauthor_level']}"; ?><button class='remove' id='remove' name='remove' email="" paper="">Remove   Add more co-authors 

Answer 1

您将需要使用jQuery .on()function来访问在DOM加载后创建的元素。

更多具体信息可以在jQuery手册中找到： http ： //api.jquery.com/on/

 $( document ).on( "click", "#add", function() { alert("aaaaaaaaaaa"); } ); 

在jQuery <1.7中，之前使用过这样：

 $( "#add" ).live( "click", function( e ) {} ); 

Answer 2

可能你必须使用.on或.live（） ，它们使脚本识别在调用$(document).ready()之后创建的元素。

例如：

在jQuery 1.7之前

 $("#add").live("click", function() { ... 

jQuery 1.7及更高版本

 $("#add").on("click", function() { ... 

Answer 3

将代码包装在jQuery文档ready函数中：

 $(function() { $("#add").click(function() { $(".no_border").append("
Co-author email:Co-author Level:"); }); }); 

有关详细信息，请参阅： http ： //api.jquery.com/ready/

或者你可以使用.on或.live （ .on是1.7的首选方法）。

  $(document).on('click', '#add', function() { $(".no_border").append("
Co-author email:Co-author Level:"); }); $("#add").live('click', function() { $(".no_border").append("
Co-author email:Co-author Level:"); });