`
wangflood
  • 浏览: 41729 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery clone后事件监听灾难

    博客分类：
  • web
clone jquery js 事件监听 
阅读更多

最近在写一个项目，出现了瓶颈。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
分享到：
| DIY一个JS年月calendar
评论
5 楼 wangflood 2011-08-10  
minecntim 写道
wangflood 写道
minecntim 写道
哥们，想问下你月薪多少了？你的面试经历还没写完整哦


项目遇到难题了。有点空隙时间就打dota。13号写写吧。

哈哈  好的，辛苦了！理解，好好写，很多人看呢，月薪记得说明哦


最不值得提的就是月薪。
4 楼 minecntim 2011-08-10  
wangflood 写道
minecntim 写道
哥们，想问下你月薪多少了？你的面试经历还没写完整哦


项目遇到难题了。有点空隙时间就打dota。13号写写吧。

哈哈  好的，辛苦了！理解，好好写，很多人看呢，月薪记得说明哦
3 楼 wangflood 2011-08-10  
minecntim 写道
哥们，想问下你月薪多少了？你的面试经历还没写完整哦


项目遇到难题了。有点空隙时间就打dota。13号写写吧。
2 楼 minecntim 2011-08-10  
哥们，想问下你月薪多少了？你的面试经历还没写完整哦
1 楼 wangflood 2011-08-10  
OMG.写写东东，思路就来了，原来只要在clone()里面加个true，就会复制监听事件的。呵呵。或许这叫深拷贝吧。行了。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery Clone Bug解决代码

    jQuery Clone Bug 是一个常见的 jQuery bug，导致在克隆 DOM 元素时，事件处理函数被无限递归调用。下面是解决该 bug 的代码和相关知识点。 事件绑定和 $.data() 方法 在 jQuery 中，事件绑定使用的是 $.data() ...

    jquery.clone.js

    jquery.clone

    jquery-clone-tableheader table 头部固定

    "jquery-clone-tableheader" 是一个基于 jQuery 的插件，它的主要功能是复制表格的头部，在表格内容区域出现滚动条时，将复制的表头固定在屏幕顶端，确保用户在滚动查看数据时始终能看到列名。这种方法特别适用于大...

    JQuery中clone方法复制节点

    JQuery库中的clone方法是其强大的功能之一，它允许开发者复制文档中的元素节点，进而可以将这些副本插入到DOM的其他位置或进行其他操作。在本知识点中，我们将详细介绍JQuery中clone方法复制节点的使用方法，重点...

    jquery的clone方法应用于textarea和select的bug修复

    测试发现，textarea和select的jquery的clone方法有问题，textarea和select的值clone的时候会丢掉，发现这个是jquery的一个bug,上不了的可以看下代码，比较简单。就是在clone的时候将val再重新赋值一下，如果知道这个...

    JQuery框架方法事件大全

    JQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画制作和Ajax交互。在JQuery中，事件和方法是其核心功能，使得开发者能够高效地编写交互性强的网页应用。以下是对标题和描述中提及的一些主要...

    jQuery第4天知识点：jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip

    三、jQuery事件机制 1. 绑定事件：使用`.on("event", function())`来绑定事件，如`$("button").on("click", function() {...})`。`event`可以是"click"、"mouseover"等，`function()`是事件处理函数。 2. 事件委托...

    jquery-2.1.1.js 、jquery-2.1.1.min.js 【jquery包 js】

    3. **事件处理**：jQuery简化了事件绑定和解绑，`$(selector).on('click', function() {...})`用于监听点击事件，`$(selector).off('click')`则移除该事件。 4. **动画效果**：`fadeIn()`, `slideUp()`, `animate()...

    jquery 教程 jQuery学习资料 jQuery学习

    2. DOM操作：jQuery提供了一系列方法来操作DOM，如`append()`用于在元素内部添加内容，`remove()`用于删除元素，`clone()`用于复制元素。 3. 事件处理：jQuery简化了事件绑定，如`click()`用于绑定点击事件，`on()`...

    jquery-1.8.3

    例如，click()、mouseover()等方法可以直接绑定事件监听器，on()方法则可以为动态添加的元素绑定事件。 4. **动画效果**：jQuery的动画效果是其一大亮点。fadeIn()、fadeOut()用于淡入淡出，slideToggle()实现滑动...

    jquery_事件方法大全.doc

    jQuery 事件方法是 jQuery 库中的关键组成部分，用于处理用户交互和页面动态更新。下面将详细介绍这些方法： 1. **事件绑定**： - `.on()`: 这是 jQuery 中用于绑定事件的主要方法，可以绑定多种类型的事件，如 `...

    巧妙使用JQuery Clone 添加多行数据，并更新到数据库的实现代码

    本文介绍了如何通过使用JQuery的Clone方法来巧妙添加多行数据，并将这些数据更新到数据库中。首先，我们看到的是一个前端页面的HTML代码，这个页面包含了动态添加数据行的功能。接下来，我们深入探讨JQuery的Clone...

    jQuery中clone()方法用法实例

    jQuery中的clone()方法是一个非常实用的工具，它能够帮助开发者复制DOM元素及其绑定的事件处理器，以便在页面上实现动态内容的增加或替换。本文档详细介绍了clone()方法的用法，包括它的定义、功能以及如何运用它来...

    jquery-3.31版本

    `on()`和`off()`方法现在能更好地处理复杂的事件监听，减少了内存泄漏的可能性。同时，事件冒泡和阻止默认行为的控制也更为灵活，有助于开发者创建响应式的交互体验。 此外，这个版本还修复了多个已知的bug，提高了...

    jQuery 3.3.1 api docs 中文手册 [chm]

    还可以使用`on()`和`off()`来动态地添加和移除事件监听器。 ### 四、动画效果 jQuery 的动画功能非常强大，`fadeIn()`, `fadeOut()`, `slideToggle()`, `animate()`等方法可以创建平滑的过渡效果。`animate()`函数...

    jquery-1.7.1

    4. 事件处理：jQuery简化了事件绑定，`click()`、`mouseover()`等方法用于添加事件监听，`$(document).ready()`确保在DOM加载完成后执行代码。 5. 动画效果：`fadeIn()`, `slideToggle()`, `animate()`等方法为网页...

    jQuery 1.8.3 版本.zip

    jQuery简化了事件处理，如`click()`, `mouseover()`, `mouseout()`等，用于绑定事件监听器。`on()`是jQuery 1.7引入的通用事件绑定函数，可以处理动态添加的元素的事件。此外，`event.preventDefault()`和`event....

    jquery手册(jquery.cuishifeng.cn网页版)2

    2. **DOM操作**: jQuery提供了简便的方法来操作DOM，如`$(selector).append()`用于在选定元素后面添加内容，`$(selector).remove()`删除匹配的元素，`$(selector).clone()`复制元素。 3. **事件处理**: 使用`.on()`...

Magicbox
Global site tag (gtag.js) - Google Analytics