我有一个按钮,它 append 了 2 个文本字段和一个表 td 中的按钮,但问题是 append 按钮的 onclick 函数不会触发。有人看到问题了吗? 代码:
<script>
$(document).ready(function(){
$("#add").click(function() {
$(".no_border").append("<br /><label>Co-author email:</label><input type='text' name='author_email'/><label>Co-author Level:</label><input type='text' name='author_level'/><input id='save' type='button'name='save' value='Add'/>");
});
});
</script>
<?php
while($row = mysql_fetch_assoc($co_authors)) {
echo "<tr>
<td>{$row['author_email']}</td>
<td>{$row['coauthor_level']}</td>";
?><td><button class='remove' id='remove' name='remove' email="<?php echo $row['author_email'] ?>"
paper="<?php echo $row['paper_id'] ?>">Remove</button></td>
</tr><?
?><td colspan="3" class="no_border"><button class="add" name="add"></button>
<label id="add" class="cursor_pointer"> Add more co-authors</label></td><?
}
?>
最佳答案
您需要使用 jQuery .on()
功能来访问 DOM 加载后创建的元素。
更多具体信息可以在此处的 jQuery 手册中找到: http://api.jquery.com/on/
$( document ).on( "click", "#add", function() {
alert("aaaaaaaaaaa");
} );
在 jQuery < 1.7 中,以前是这样使用的:
$( "#add" ).live( "click", function( e ) {} );
关于php - append 按钮 onclick 不要触发 Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11463109/