gpt4 book ai didi

jQuery 单击事件仅有效一次(但始终触发!)

转载 作者:行者123 更新时间:2023-12-01 02:46:56 24 4
gpt4 key购买 nike

请帮助 jQuery 新手完成以下操作。我有一个表单,当单击 #addMore 按钮时,我尝试添加连续的表单字段 block 。在该委员会的帮助下,我现在可以正常工作了。但它只能工作一次。我已将事情缩减到最小情况:

<html>
<head>
<title>Reserves Form</title>
<script src="../jquery/jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function() {
var chunk = $('.content').clone(true);
$('#addMore').live('click', function() {
alert('debug!');
$('#container').append(chunk);
});
});
</script>
<body>
<div id="container">
<p class="content">lorem ipsum blah blah</p>
</div>
<button type="button" id="addMore">Add Another Paragraph</button>
</body>
</html>

当我加载页面并单击按钮时,我看到调试警报,然后按预期显示“内容”段落的克隆。当我再次单击该按钮时,我收到警报,但没有收到新段落。为什么对点击的一种响应有效,而另一种则无效?我怎样才能让它们都工作?

最佳答案

chunk = $('.content').clone(true); 放入点击事件中,如下所示

$(document).ready(function() {

$('#addMore').live('click', function() {
var chunk = $('.content').clone(true);
alert('debug!');
$('#container').append(chunk);
});
});

以及与您的问题无关的其他内容:您真的想使用live吗? ?

关于jQuery 单击事件仅有效一次(但始终触发!),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9267767/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com