当前位置: 主页 > 日志 > WEB UI >

jquery新增元素需要重新绑定事件

// by redice 2010.05.31
// redice@163.com

(1)jquery动态添加的新元素无法再响应之前绑定的事件。

      做如下测试,测试文档代码如下图所示:

      

      txt版代码下载
      File: Click to Download
      
      点击页面中<ol>下的默认项 <li ><a href=# class="new_item">新加项</a></li>,
会触发$(".new_item").click响应函数的调用。如下图所示:
    
      
   
      点击页面的添加按钮时,jquery会动态在item_list下增加
<li ><a href=# class="new_item">新加项</a></li> 项,点击新加项,没有触发
$(".new_item").click响应函数的调用。这是因为该响应函数只绑定了默认的页面元素,新增的元素需要重新绑定。



(2)给新增元素绑定事件。

在动态添加完页面元素后,再绑定响应事件,代码如下图所示:



txt版代码下载
File: Click to Download

[日志信息]

该日志于 2010-05-31 13:39 由 redice 发表在 redice's Blog ,你除了可以发表评论外,还可以转载 “jquery新增元素需要重新绑定事件” 日志到你的网站或博客,但是请保留源地址及作者信息,谢谢!!    (尊重他人劳动,你我共同努力)
   
验证(必填):   点击我更换验证码

redice's Blog  is powered by DedeCms |  Theme by Monkeii.Lee |  网站地图 |  本服务器由西安鲲之鹏网络信息技术有限公司友情提供

返回顶部