原文:HTML中關於動態創建的標簽無法綁定js事件的解決方法:.on()方法的 [.selector]

在前端頁面的時候,會經常遇到用JavaScript動態創建出來的Button按鈕或其他標簽無法使用點擊事件的問題。如下代碼,使用jquery在body中動態創建一個class為demo的Button按鈕,當點擊這個按鈕時無法觸發點擊事件。 將以上代碼中的 .demo .click function 修改為 document .on click , .demo ,function 即可: 此時事件冒 ...

2019-05-28 20:37 0 1099 推薦指數:

查看詳情

jQuery動態創建的dom對象不能綁定事件解決方法

參照網上前輩: 方法一:綁定live事件 live(type,[data],fn) $(selector).live("click",function(){   alert("點擊了"); }); 但是測試無效,因為從 jQuery 1.7 開始,不再建議使用 .live() 方法 ...

Sat Mar 16 19:23:00 CST 2019 0 584
js動態生成html,onclick事件失效解決方法

普通的jq點擊事件是這樣的 $(".sel").click(function () {...});如果文件html代碼是js動態生成的,則上面的寫法有可能失效,需要用這種方式 $(document).on("click",".sel",function ...

Sun Feb 28 23:46:00 CST 2021 0 1061
動態添加的html元素綁定事件方法

避免先寫了DOM操作,但是元素是動態加載的,所以點擊不生效,比較好的方法有兩個: 1、動態添加的時候加行內事件,比如onclick="funcName()" 在js寫好方法名對應的方法就可以了,如果綁定方法的元素太多,可以考慮使用方法二; 2、jquery的on事件綁定 eg ...

Fri Jul 06 23:28:00 CST 2018 0 1471
for循環綁定事件解決方法

  首先我們來看一段代碼   運行之后發現無論點哪個標簽,彈出的都是最后一個標簽的index   這是因為 for 循環的里面 var 定義的變量 i 自動提升為全局變量,等同於下面的代碼   這時候 alert(i) 里面的i還沒有值,當用戶調用 onclick ...

Thu Apr 27 08:26:00 CST 2017 1 3603
ajax 動態載入html后不能執行其中的js解決方法

事件背景 有一個公用頁面需要在多個頁面調用,其中涉及到部分js已經寫在了公用頁面,通過ajax加載該頁面后無法執行其中的js解決思路 1. 采用附加一個iframe的方法去執行js,為我等代碼潔癖者所不齒。 2. 使用document.write輸出代碼,我等簡潔主義者所不願 ...

Wed Jun 20 19:56:00 CST 2018 0 3198
iOS動態注入JavaScript方法動態html標簽添加事件

項目中有這樣一種需求,給html5網頁圖片添加點擊事件,並且彈出彈出點擊的對應的圖片,並且可以保持圖片到本地 應對這樣的需求你可能會想到很多方法來實現。 html代碼 objc代碼 demo下載地址:https://github.com/qqcc1388 ...

Thu Jun 08 23:07:00 CST 2017 0 4564
js 事件綁定方法

同時支持三種事件模型的javascript 事件使得客戶端的 JavaScript 有機會被激活,並得以運行。在一個 Web 頁面裝載之后,運行腳本的唯一方式,就是響應系統或者用戶的動作。雖然從第一個支持腳本編程的瀏覽器面世以來,簡單的事件被實現為 JavaScript 的一部分;但是大多數最近 ...

Wed Aug 15 20:39:00 CST 2012 1 92541
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM