如何給後新增的標籤新增事件

2022-03-24 03:07:49 字數 2008 閱讀 2835

給新新增的元素hidden_panel類新增點選事件:$("body").on("click", ".hidden_panel", function (e) );

**或參考:給動態新增的標籤新增事件的問題 - tangmin的部落格 - csdn部落格

測試**:23

doctype html

>

4<

html

>

5<

head

>

6<

meta

charset

="utf-8"

>

7<

title

>www.jb51.net - js實現為動態建立的元素新增事件

title

>

8<

script

src="js/jquery-1.9.1.min.js"

>

script

>

9head

>

10<

body

>

11<

button

id="btn"

>新增事件

button

>

12<

div

id="panel"

>

div>

13<

script

>

1415

//jquery部分實現

16$(

"#btn

").click(

function

()21$("

#panel

").html(

function

());

24});

25//

為動態建立的html標籤元素新增事件

26$(

"#panel

").on(

"click",

function

());

31script

>

32body

>

33html

>

**或參考:jquery實現動態新增的標籤元素的點選事件

這裡所說的動態新增的元素的意思是:用js新增的標籤元素

想對一些資料實現分頁,就自己寫乙個分頁功能。用的是bootstrap的分頁,在頁面獲取資料列表後,計算出需要分多少頁展示,然後用js生成多個頁碼(是叫頁碼嗎?)。生成後,點選某個頁碼跳到相應的頁,這時肯定要有點選事件。問題來了,沒有點選事件。(最初一臉黑人問號)

這是因為在註冊click後,再用js生成元素標籤的。所以後新增的元素標籤沒有註冊click事件。

網上還有一種普遍的解決方案:

用on去註冊事件,這種要有乙個父級標籤,並且這個父級標籤不是用js生成的。

這樣雖然元素標籤在事件的註冊之後,但是點選事件是註冊在父級標籤上的,我們還是可以觸發對應的事件。

給標籤新增onchange事件 HTML常用標籤

rel指定當前文件到被鏈結的目標文件是啥關係。onerror 當錯誤發生時載入事件 響應式 max width 100 可替換元素 img屬於典型的可替換元素。其他類似的有iframe video embed etc.css影響其位置,不影響其內容。相關樣式 table layout auto fi...

給Jquery動態新增的元素新增事件

我想很多人都會向我一樣曾經 被新元素的事件繫結困惑很久也就是 在頁面載入完成後給元素繫結了事件,但又新增加的元素上卻沒有繫結任何事件。js的事件監聽跟css不一樣,css只要設定好了樣式,不論是原來就有的還是新新增的,都有一樣的表現。而事件監聽不是,你必須給每乙個元素單獨繫結事件。常見的例子是處理 ...

給Jquery動態新增的元素新增事件

我想很多人都會向我一樣曾經 被新元素的事件繫結困惑很久也就是 在頁面載入完成後給元素繫結了事件,但又新增加的元素上卻沒有繫結任何事件。js的事件監聽跟css不一樣,css只要設定好了樣式,不論是原來就有的還是新新增的,都有一樣的表現。而事件監聽不是,你必須給每乙個元素單獨繫結事件。常見的例子是處理 ...