原文:jquery中,使用append增加新元素時,新增元素的綁定監聽事件失效的解決辦法

outerSelector .on eventType , innerSelector ,function 舉例:如果在一個 lt div class title gt lt div gt 中,通過append添加一個id demo 的按鈕,常用的直接 Selector .on eventType ,function 監聽事件函數,對新增加元素不起作用, 例如該按鈕的點擊監聽事件應該這樣寫: . ...

2017-03-02 17:32 0 2520 推薦指數:

查看詳情

路由切換之前jquery綁定監聽事件可以觸發,頁面切換后監聽事件失效了,要刷新當前頁面才能再次監聽 兩種解決辦法

我有一個需求 是導航菜單組件nav以插槽的方式分別插入到兩個組件home.vue、resume.vue 在導航菜單上我用jquery添加了鼠標進入、離開事件事件寫在導航菜單組件上對應的js上), 我用路由切換的方式點擊導航菜單上的按鈕 ,頁面可以在兩個不同的組件 home或resume中切 ...

Sun Oct 20 01:19:00 CST 2019 0 293
jquery動態新增元素節點無法觸發事件解決辦法

  在使用jquery動態新增元素節點時會發現添加的事件是無法觸發的,我們下面就為各位來詳細的介紹此問題的解決辦法.   比如做一個ajax讀取留言列表的時候,每條留言后面有個回復按鈕,class為“reply”,如果你用的是$(".reply").click(function ...

Fri Aug 19 04:49:00 CST 2016 1 3307
解決jquery動態創建元素綁定事件失效問題

存在問題 在我們使用jquery動態創建元素后往往會遇到一些問題,如: 給.button按鈕綁定了點擊時間,執行alert:(1); 點擊事件代碼如下: <script>$("#add").click(function(){ var btn='<input ...

Fri Dec 16 00:23:00 CST 2016 0 6256
解決使用jQuery采用append添加的元素事件無效的方法

但是隨着jQuery的版本升級,自從jQuery 1.9及其以上已經無法使用live了,那么沒有辦法了嗎,不是的,對於jQuery1.9版本及其以上可以使用on,其效果等同於live。下面的on的使用方法 整個代碼例子為: ...

Sat Nov 28 00:30:00 CST 2015 1 7119
解決使用jQuery采用append添加的元素事件無效的方法

當我們使用jQuery動態加載html元素,但是元素上面又綁定了Click等事件,針對新添加的元素這些事件是無效的,那么應該怎樣解決呢? live方法 live( type, fn ) jQuery 1.3中新增的方法。給所有當前以及將來會匹配的元素綁定一個事件處理函數 ...

Fri Jan 09 21:20:00 CST 2015 2 11487
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM