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

pcChao 發布于2019-08-23 17:18 / 1299人閱讀

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

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

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

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

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104146.html

PJAX，站點加速之翼

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

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

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

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

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

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

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

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

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

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