资讯专栏INFORMATION COLUMN

jquery绑定的事件,dom刷新后绑定事件失效

pcChao / 1309人阅读

今天在处理表格复选框监听事件时遇到一个问题,页面初始化时绑定的监听事件有效,当表格再次刷新后,绑定事件就失效了,经过搜索终于找到原因,网上有说用live()方法,但是这个方法已经废弃了,不推荐使用
1,直接绑定在所选择的dom元素上,当dom刷新,绑定事件就会失效 如下

$("元素").click(function(){});

2,事件委托,只要符合初始绑定的选择器,就可以触发。dom刷新绑定事件也不会失效,如下

 $("#tablelist").on("click",":checkbox",function () {
        var ids = $(":checkbox[name=demo]:checked");
    })

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104146.html

相关文章

  • PJAX,站点加速之翼

    摘要:是一款可爱的小插件,将和浏览器的封装到一起,解决了单纯使用进行无刷新加载时对搜索引擎的不友好,并且节省了开支提高了浏览速度,明显地优化了用户体验。是提供的,是对浏览器历史对象的增强。 showImg(https://segmentfault.com/img/remote/1460000007640529?w=1008&h=569); pjax 是一款可爱的 jQuery 小插件,将 a...

    QiuyueZhong 评论0 收藏0
  • PJAX,站点加速之翼

    摘要:是一款可爱的小插件,将和浏览器的封装到一起,解决了单纯使用进行无刷新加载时对搜索引擎的不友好,并且节省了开支提高了浏览速度,明显地优化了用户体验。是提供的,是对浏览器历史对象的增强。 showImg(https://segmentfault.com/img/remote/1460000007640529?w=1008&h=569); pjax 是一款可爱的 jQuery 小插件,将 a...

    WilsonLiu95 评论0 收藏0
  • Web前端经典面试试题(三)

    摘要:包含基于和标准的表示使用进行动态显示和交互使用与服务器进行异步通信使用绑定一切。重定向表示要完成请求,需要进一步操作。方法可将一个函数的对象上下文从初始的上下文改变为由指定的新对象。 一. 什么是Ajax??? 术语Ajax用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。 Ajax它是Asynchronous JavaScript + XML的简写 定义Ajax: ...

    DrizzleX 评论0 收藏0
  • Web前端经典面试试题(三)

    摘要:包含基于和标准的表示使用进行动态显示和交互使用与服务器进行异步通信使用绑定一切。重定向表示要完成请求,需要进一步操作。方法可将一个函数的对象上下文从初始的上下文改变为由指定的新对象。 一. 什么是Ajax??? 术语Ajax用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。 Ajax它是Asynchronous JavaScript + XML的简写 定义Ajax: ...

    JackJiang 评论0 收藏0
  • Web前端经典面试试题(三)

    摘要:包含基于和标准的表示使用进行动态显示和交互使用与服务器进行异步通信使用绑定一切。重定向表示要完成请求,需要进一步操作。方法可将一个函数的对象上下文从初始的上下文改变为由指定的新对象。 一. 什么是Ajax??? 术语Ajax用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。 Ajax它是Asynchronous JavaScript + XML的简写 定义Ajax: ...

    HtmlCssJs 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<