「页面加载完成后新建的元素事件绑定问题(下)」的迴響 http://shawphy.com/2008/07/bind-handle-on-the-new-added-elements-part-b.html 关注HTML,CSS,JavaScript,jQuery等前端开发 Mon, 26 Jul 2010 06:25:03 +0000 hourly 1 http://wordpress.org/?v=3.0.1 由：zane http://shawphy.com/2008/07/bind-handle-on-the-new-added-elements-part-b.html/comment-page-1#comment-4251 zane Mon, 14 Jun 2010 00:43:35 +0000 http://shawphy.com/?p=105#comment-4251 我的代码就是出现了这样的问题。我弄了很久，后来看到这篇文章，豁然明朗，收获颇多。非常感谢作者。 我的代码就是出现了这样的问题。我弄了很久，后来看到这篇文章，豁然明朗，收获颇多。非常感谢作者。

]]> 由：Lai Ming Ling http://shawphy.com/2008/07/bind-handle-on-the-new-added-elements-part-b.html/comment-page-1#comment-2900 Lai Ming Ling Fri, 15 Jan 2010 01:54:13 +0000 http://shawphy.com/?p=105#comment-2900 确实有许onclick文章,努力,呵呵 确实有许onclick文章,努力,呵呵

]]> 由：live不是万能的 | 走走停停看看 http://shawphy.com/2008/07/bind-handle-on-the-new-added-elements-part-b.html/comment-page-1#comment-386 live不是万能的 | 走走停停看看 Sat, 17 Jan 2009 13:11:26 +0000 http://shawphy.com/?p=105#comment-386 [...] 根据官网上live的文档上找到了这样一个地址 进去一看才知道，所谓神乎其神的方法，其实就是事件冒泡+e.target 跟我先前关于事件重复绑定的文章中的方案二如出一辙。进一步求证，查看jQuery源码，可以在2854行发现如下代码 jQuery(document).bind( liveConvert(type, this.selector), this.selector, proxy ); [...] [...] 根据官网上live的文档上找到了这样一个地址 进去一看才知道，所谓神乎其神的方法，其实就是事件冒泡+e.target 跟我先前关于事件重复绑定的文章中的方案二如出一辙。进一步求证，查看jQuery源码，可以在2854行发现如下代码 jQuery(document).bind( liveConvert(type, this.selector), this.selector, proxy ); [...]

]]> 由：fantasy http://shawphy.com/2008/07/bind-handle-on-the-new-added-elements-part-b.html/comment-page-1#comment-96 fantasy Sun, 27 Jul 2008 16:51:31 +0000 http://shawphy.com/?p=105#comment-96 呵呵，一直用onclick简单实现的，但是读完后，觉得要样式和行为分离的话，确实有许多要做的。。。呵呵，studying...~~~ 呵呵，一直用onclick简单实现的，但是读完后，觉得要样式和行为分离的话，确实有许多要做的。。。呵呵，studying…~~~

]]> 由：tokki http://shawphy.com/2008/07/bind-handle-on-the-new-added-elements-part-b.html/comment-page-1#comment-91 tokki Fri, 25 Jul 2008 01:37:33 +0000 http://shawphy.com/?p=105#comment-91 文章不错 继续努力哈 文章不错 继续努力哈

]]> 由：Shawphy http://shawphy.com/2008/07/bind-handle-on-the-new-added-elements-part-b.html/comment-page-1#comment-89 Shawphy Thu, 24 Jul 2008 06:37:09 +0000 http://shawphy.com/?p=105#comment-89 实际上就目前比较成熟的方案还是第二个方案。三号方案我认为是未来的一个趋势，这建立在网站制作分工更加细致化的角度考虑的，js可以彻底和html分离，指通过class或者id来作为一个钩子来沟通。 实际上你仔细分析，只有clone(true)是必须由jQuery这个框架来实现的，其他的几个方法都是有js中简单实现的。包括find一个class，在firefox中已经可以使用getElementsByClassName这个方法了，效率比jQuery的高400倍（实测）。从未来的角度来看，方案三是一个很不错的发展方向。 未来也不排除js原生就支持连同事件一起复制的clone的出现，到时候格局就大变了。 第二个方案我想到一个改进，可以重新使用jQuery选择器 即判断的时候用$(e.target).is(selector)，用is这个函数可以弥补损失。提升开发效率，但执行效率会略微下降。 这样看来，第二种方法是现阶段比较完美的方法了。 如果你狠心点，所有的方法都给document绑也未尝不可…… 实际上就目前比较成熟的方案还是第二个方案。三号方案我认为是未来的一个趋势，这建立在网站制作分工更加细致化的角度考虑的，js可以彻底和html分离，指通过class或者id来作为一个钩子来沟通。

实际上你仔细分析，只有clone(true)是必须由jQuery这个框架来实现的，其他的几个方法都是有js中简单实现的。包括find一个class，在firefox中已经可以使用getElementsByClassName这个方法了，效率比jQuery的高400倍（实测）。从未来的角度来看，方案三是一个很不错的发展方向。
未来也不排除js原生就支持连同事件一起复制的clone的出现，到时候格局就大变了。

第二个方案我想到一个改进，可以重新使用jQuery选择器
即判断的时候用$(e.target).is(selector)，用is这个函数可以弥补损失。提升开发效率，但执行效率会略微下降。
这样看来，第二种方法是现阶段比较完美的方法了。
如果你狠心点，所有的方法都给document绑也未尝不可……

]]> 由：学习笔记 http://shawphy.com/2008/07/bind-handle-on-the-new-added-elements-part-b.html/comment-page-1#comment-86 学习笔记 Thu, 24 Jul 2008 01:12:26 +0000 http://shawphy.com/?p=105#comment-86 看了你写的这些方法，长见识了，以前就只是简单的重复绑定下就搞定，没去多想，没想到你能写出这么多方法。 但说真的，我对你的第3号方案很是不喜欢，因为使用到的jQuery函数太多了，觉得效率高不到哪里去，对于你说的第2号方案一下子还真没想到，谢谢。 听说jQuery会把一新的插件集成进去，做用就是作用就是动态绑定事件的。 看了你写的这些方法，长见识了，以前就只是简单的重复绑定下就搞定，没去多想，没想到你能写出这么多方法。
但说真的，我对你的第3号方案很是不喜欢，因为使用到的jQuery函数太多了，觉得效率高不到哪里去，对于你说的第2号方案一下子还真没想到，谢谢。
听说jQuery会把一新的插件集成进去，做用就是作用就是动态绑定事件的。

]]>