1.7以后，live()方法就被on()方法替代了，我用PHP+jQuery+Ajax做了一個(gè)用戶登錄界面，初始的時(shí)候沒有<p><a href='#' id='logout'>【退出】</a></p>這個(gè)按鈕，是在點(diǎn)擊登錄以后出來的，現(xiàn)在想寫一個(gè)$("#logout").on('click',function()這個(gè)方法，但是根據(jù)定義：$('#Grid1Table').on('click', '#count', function() {//function code here.});#Grid1Table是#count的父節(jié)點(diǎn)以上的節(jié)點(diǎn)
3 回答
長風(fēng)秋雁
TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超7個(gè)贊
概述
1、#Grid1Table不是#conut的父節(jié)點(diǎn)，p標(biāo)簽是#logout的父節(jié)點(diǎn)
2、代碼寫法：
$('p').on('click', '#count', function() {
//function code here.
});
解析
1、p包裹a標(biāo)簽（id = logout），所以logout的父節(jié)點(diǎn)（父標(biāo)簽）為p（沒有標(biāo)注id或者class）
<p><a href='#' id='logout'>【退出】</a></p>
2、$("#logout").on('click',function() 方法要求參數(shù)為非隨動(dòng)變量（全局變量），所以#logout為不可行參數(shù)，且由于代碼沒有貼全所以這里我先斷定#Grid1Table為非父節(jié)點(diǎn)，而p為#logout父節(jié)點(diǎn)，所以這里可以改成：
$('p').on('click', '#count', function() {
//function code here.
});
拓展內(nèi)容
juqery on()方法詳解
定義和用法
on() 方法在被選元素及子元素上添加一個(gè)或多個(gè)事件處理程序。
自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。該方法給 API 帶來很多便利，我們推薦使用該方法，它簡(jiǎn)化了 jQuery 代碼庫。
注意：使用 on() 方法添加的事件處理程序適用于當(dāng)前及未來的元素（比如由腳本創(chuàng)建的新元素）。
提示：如需移除事件處理程序，請(qǐng)使用 off() 方法。
提示：如需添加只運(yùn)行一次的事件然后移除，請(qǐng)使用 one() 方法。
語法
$(selector).on(event,childSelector,data,function)
參數(shù)
event 必需。規(guī)定要從被選元素移除的一個(gè)或多個(gè)事件或命名空間。由空格分隔多個(gè)事件值，也可以是數(shù)組。必須是有效的事件。
childSelector 可選。規(guī)定只能添加到指定的子元素上的事件處理程序（且不是選擇器本身，比如已廢棄的 delegate() 方法）。
data 可選。規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。
function 可選。規(guī)定當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。
蝴蝶不菲
TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊
$("#logout").on('click',function(){});
也是可以的。不過有個(gè)限制，你的這個(gè)$("#logout")，不能是后期動(dòng)態(tài)添加的節(jié)點(diǎn)。
如果像表格里動(dòng)態(tài)添加的行，要使用事件，就要用下面你說的方法。
$('#Grid1Table').on('click', '#count', function() {
//function code here.
});
#logout有父節(jié)點(diǎn)嘛？當(dāng)然有。
<p><a href='#' id='logout'>【退出】</a></p>
p就是父節(jié)點(diǎn)。
$('p').on('click', '#count', function() {
//function code here.
});
蕭十郎
TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超13個(gè)贊
on的用法：
.on( events [, selector ] [, data ], handler(eventObject) )
描述: 在選定的元素上綁定一個(gè)或多個(gè)事件處理函數(shù)。
events
類型: String
一個(gè)或多個(gè)空格分隔的事件類型和可選的命名空間，或僅僅是命名空間，比如"click", "keydown.myPlugin", 或者 ".myPlugin"。
selector
類型: String
一個(gè)選擇器字符串，用于過濾出被選中的元素中能觸發(fā)事件的后代元素。如果選擇器是 null 或者忽略了該選擇器，那么被選中的元素總是能觸發(fā)事件。
data
類型: Anything
當(dāng)一個(gè)事件被觸發(fā)時(shí)，要傳遞給事件處理函數(shù)的event.data。
handler(eventObject)
類型: Function()
事件被觸發(fā)時(shí)，執(zhí)行的函數(shù)。若該函數(shù)只是要執(zhí)行return false的話，那么該參數(shù)位置可以直接簡(jiǎn)寫成 false。
.on()方法事件處理程序到當(dāng)前選定的jQuery對(duì)象中的元素。在jQuery 1.7中，.on()方法 提供綁定事件處理的所有功能。要?jiǎng)h除的.on()綁定的事件，使用.off()。要綁定一個(gè)事件，并且只運(yùn)行一次，然后刪除自己， 使用.one()
- 3 回答
- 0 關(guān)注
- 214 瀏覽
添加回答
舉報(bào)
0/150
提交
取消