jquery對動態新增內容新增事件
動態追加的內容通過$("selecter").on("click",function(){});新增的事件無法觸發,必須通過$("selecter").on("click","selecter",function(){});來新增。
程式碼示例:
不觸發事件的程式碼
$("#commonProperties :checkbox").on("click",function() {
console.log("commonProperties.click");
changeCommonProperty($(this));
});
觸發事件的程式碼
$("#commonProperties").on("click", ":checkbox",function() { console.log("commonProperties.click"); changeCommonProperty($(this)); });
相關推薦
jquery對動態新增內容新增事件
動態追加的內容通過$("selecter").on("click",function(){});新增的事件無法觸發,必須通過$("selecter").on("click","selecter",fu
jQuery: Ajax動態載入內容on()繫結事件無效的解決方法
問題描述 這是一個很普遍但又經常犯錯的問題,還是記錄一下。 一個例子 HTML: <div id="the_div"> </div> <button id="btn">test</button> javascript
jquery中動態刪除、新增html
html頁面的程式碼如下: <div id="test"> </div> 使用jquery動態新增html var html='<div class="weui-panel__ft">' +'<div class="we
Android 對text文字內容新增下劃線
String.xml檔案內容 <resource> <string name="ceshi"><u>underline</u></st
jquery input動態繫結onchange事件
<input type=text>繫結onchange事件的注意事項: $('input[name=myInput]').change(function(){...}); However, this event will only fire when t
html5 新增內容--新增表單功能
html5 新增內容 新增表單控制元件 email 電子郵箱文字框 <input type="email" name="" id=""> tel 電話號碼 <input type="tel" name="" id="">
HTML中動態生成內容的事件繫結問題
在實際開發過程中,有時需要向頁面中動態的插入html內容,並在插入的節點中繫結事件處理函式。 用Javascript向HTML文件中插入內容,有兩種方法,一種是JS建立節點,然後插入到html中;另外一種是通過ajax非同步載入的方式,從伺服
jQuery為動態元素繫結事件的方式
在使用jQuery的方式為元素繫結事件時,我經常使用bind或者click,但這隻能為頁面已經載入好的元素繫結事件。像需要用ajax的方式請求遠端資料來動態新增頁面元素時,顯然以上幾種繫結事件的方式是無效的,具體寫法如下圖。 $(selector).bind(event
jquery結合js實現動態新增內容,並給動態新增的內容新增事件
jquery結合js實現向後臺傳送請求,給頁面動態新增內容,並給動態新增的內容新增事件.html內容如下: <button class="btn btn-md customButton" id="add_red_envelope">新增紅包&
jQuery-為動態新增的元素繫結事件(以及不重複新增新的內容)
在使用jQuery的方式為元素繫結事件時,我經常使用bind或者click,但這隻能為頁面已經載入好的元素繫結事件。像需要用ajax的方式請求遠端資料來動態新增頁面元素時,顯然以上幾種繫結事件的方式是無效的 $(selector).bind(event,d
jQuery.1.9 live 代替事件 on 新增內容無法觸發事件
class status jquer earch pen cnblogs span == nbsp 如果是新增 append 或者 html() 事件添加的內容,無法觸發 click 事件, 在1.9 可以用live 事件來代替 1.9以後用 <div class
jquery動態新增繫結事件
jquery動態新增繫結事件 場景:在使用jquery的方式為元素繫結事件時,我經常使用bind或者click,但這隻能為頁面已經載入好的元素繫結事件。像需要用ajax的方式請求遠端資料來動態新增頁面元素時,顯然以上幾種繫結事件的方式是無效的。 解決方案: 1.7之後也就是1.8開始,就
jQuery 為動態追加的元素新增點選事件
在 jquery1.7 之前的版本中用的是 live()方法,但是 live() 方法在 1.7 中已經不建議使用,1.9 中已經刪除了這個方法. live() 方法適用於匹配選擇器的當前及未來的元素 (例如用 JS 指令碼建立的新元素) 自 jquery1.7 版本起,on() 方法是
jQuery為動態新增的新元素繫結點選事件
1.首先如何用jQuery動態新增a標籤: for (var index=0; index<5; index++){ var h = '<a>動態新增點選事件</a>
jquery validate 對動態表單元素新增校驗
形如有如下表單元素: .... <input type="text" ....> <input type="text" ....> <input type="text" ....> <input type="text" ....&g
jquery html 動態新增元素繫結事件
由於實際的需要,有時需要往網頁中動態的插入HTML內容,並在插入的節點中繫結事件處理函式。我們知道,用Javascript向HTML文件中 插入內容,有兩種方法, 一種是在寫HTML程式碼寫入JS,然後插入到文件中; 另外一種是通過ajax的方式,從伺服器獲取資料,然
jQuery給動態生成的元素新增事件
有時需要向頁面內動態新增元素,其中可能還需要給這些追加的元素繫結事件,這時候採用jquery是很方便的。 1、採用live()方法(該方法於1.7版本後廢棄): live()方法可以給所有元素附加一個事件處理函式,甚至包含動態新增的元素,其採用事件委託的處理
jquery append 動態新增的元素事件on 不起作用的解決方案
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=
jquery html動態新增的元素繫結事件
在實際開發中會遇到要給動態生成的html元素繫結觸發事件的情況: <div id="testdiv"> <ul></ul> </div> 假設我們要給ul動態新增的<li>繫結click事件形成如下結果 &
Jquery給動態新增的元素繫結事件:live() delegate() on()
給已存在的元素繫結事件時可以直接寫: $(".class a").click(function(){ }) 但是對於動態生成並append()到頁面上的元素來說,就不能直接用上面的方法來繫結事件了。 在Jquery 1.7之前我們可以通過live()和delega