jquery clone后事件监听灾难

最新推荐文章于 2022-05-01 22:05:19 发布

乔爷

最新推荐文章于 2022-05-01 22:05:19 发布

阅读量1k

点赞数

分类专栏： web 文章标签： clone jquery js 事件监听

web 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用jQuery进行DOM操作时遇到的问题：通过clone方法复制的元素无法触发原本绑定的事件。作者提供了一个简单的示例代码，并讨论了可能的原因。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在写一个项目，出现了瓶颈。js没学好。分离出一个demo测试了一下。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>MyCalendar</title>
<script type="text/javascript" src="jquery-1.6.min.js"></script>
<script type="text/javascript">
	$(function() {
		$("#btn").click(function() {
			$("#hide_child .child").clone().show().appendTo("#parent");
		});
		$(".delete").click(function() {
			alert("delete");
		});
	});
</script>

</head>
<body>
	<input type="button" id="btn" value="增加"></input>
	<div id="parent">
		<div class="child">
			<input type="button" value="删除" class="delete">
		</div>
		<div id="hide_child">
			<div class="child" style="display: none">
				<input type="button" value="删除" class="delete">
			</div>
		</div>
	</div>
</body>
</html>

可能clone没有把事件监听也clone进去吧。除了第一个删除有反应，其他的全没有反应啊。why