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

pcChao 發(fā)布于2019-08-23 17:18 / 1386人閱讀

今天在處理表格復選框監(jiān)聽事件時遇到一個問題，頁面初始化時綁定的監(jiān)聽事件有效，當表格再次刷新后，綁定事件就失效了，經(jīng)過搜索終于找到原因，網(wǎng)上有說用live()方法，但是這個方法已經(jīng)廢棄了，不推薦使用
1,直接綁定在所選擇的dom元素上,當dom刷新，綁定事件就會失效如下

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

2，事件委托，只要符合初始綁定的選擇器，就可以觸發(fā)。dom刷新綁定事件也不會失效，如下

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

GPU云服務器云服務器 jquery預綁定事件 jquery綁定hover事件 jquery綁定事件on js清除綁定的事件

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/104146.html

PJAX，站點加速之翼

摘要：是一款可愛的小插件，將和瀏覽器的封裝到一起，解決了單純使用進行無刷新加載時對搜索引擎的不友好，并且節(jié)省了開支提高了瀏覽速度，明顯地優(yōu)化了用戶體驗。是提供的，是對瀏覽器歷史對象的增強。 showImg(https://segmentfault.com/img/remote/1460000007640529?w=1008&h=569); pjax 是一款可愛的 jQuery 小插件，將 a...

QiuyueZhong 2019-06-27 14:55 評論0 收藏0
PJAX，站點加速之翼

摘要：是一款可愛的小插件，將和瀏覽器的封裝到一起，解決了單純使用進行無刷新加載時對搜索引擎的不友好，并且節(jié)省了開支提高了瀏覽速度，明顯地優(yōu)化了用戶體驗。是提供的，是對瀏覽器歷史對象的增強。 showImg(https://segmentfault.com/img/remote/1460000007640529?w=1008&h=569); pjax 是一款可愛的 jQuery 小插件，將 a...

WilsonLiu95 2019-08-22 10:44 評論0 收藏0
Web前端經(jīng)典面試試題（三）

摘要：包含基于和標準的表示使用進行動態(tài)顯示和交互使用與服務器進行異步通信使用綁定一切。重定向表示要完成請求，需要進一步操作。方法可將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛芍付ǖ男聦ο蟆? 一. 什么是Ajax？？？術(shù)語Ajax用來描述一組技術(shù)，它使瀏覽器可以為用戶提供更為自然的瀏覽體驗。 Ajax它是Asynchronous JavaScript + XML的簡寫定義Ajax： ...

DrizzleX 2019-08-02 11:49 評論0 收藏0
Web前端經(jīng)典面試試題（三）

摘要：包含基于和標準的表示使用進行動態(tài)顯示和交互使用與服務器進行異步通信使用綁定一切。重定向表示要完成請求，需要進一步操作。方法可將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛芍付ǖ男聦ο蟆? 一. 什么是Ajax？？？術(shù)語Ajax用來描述一組技術(shù)，它使瀏覽器可以為用戶提供更為自然的瀏覽體驗。 Ajax它是Asynchronous JavaScript + XML的簡寫定義Ajax： ...

JackJiang 2019-08-29 17:05 評論0 收藏0
Web前端經(jīng)典面試試題（三）

摘要：包含基于和標準的表示使用進行動態(tài)顯示和交互使用與服務器進行異步通信使用綁定一切。重定向表示要完成請求，需要進一步操作。方法可將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛芍付ǖ男聦ο蟆? 一. 什么是Ajax？？？術(shù)語Ajax用來描述一組技術(shù)，它使瀏覽器可以為用戶提供更為自然的瀏覽體驗。 Ajax它是Asynchronous JavaScript + XML的簡寫定義Ajax： ...

HtmlCssJs 2019-08-23 12:32 評論0 收藏0