第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

Jquery .on() 不工作或觸發(fā)兩次

Jquery .on() 不工作或觸發(fā)兩次

蕪湖不蕪 2023-07-29 16:21:36
所以不確定到底發(fā)生了什么,但可以做出一些猜測(cè)。我對(duì) .on() 的理解是它意味著附加到所有動(dòng)態(tài)添加的元素。但這里似乎不起作用?;蛘?,如果我誤解了這一點(diǎn),那么我的實(shí)施方式就行不通。在文檔加載時(shí),我稱之為:$("#orderBox tbody tr").on( 'click', function ( e ) {    selectRow($(this));} )其中 selectRow() 在 tr 元素上切換類(代碼如下)。加載文檔時(shí),表為空,因此通過(guò) addTableRow() 函數(shù)添加新行,該函數(shù)只是將 tr 附加到 tbody。添加該 tr 后,單擊它不會(huì)執(zhí)行任何操作。因此,我將 .on() 事件從文檔加載移至創(chuàng)建新行之后。function redrawOrderBox(){    $("#orderBox tbody tr").on( 'click', function ( e ) {        selectRow($(this));    } )}function selectRow(row){    row.toggleClass('selected');}function addTableRow(items){    newRow = "<tr>";    newRow += "<td class=\"hide\">"+items[0]+"</td>"    newRow += "<td>"+items[1]+"</td>"    newRow += "<td>"+items[2]+"</td>"    newRow += "<td>"+items[3]+"</td>"    newRow += "<td>"+items[4]+"</td>"    newRow += "<td class=\"hide\">"+items[5]+"</td>"    newRow += "<td class=\"hide\">"+items[6]+"</td>"    newRow += "<td class=\"hide\">"+items[7]+"</td></tr>";            $('#orderBox tbody').append(newRow);    redrawOrderBox();}這有點(diǎn)管用。該類似乎每隔兩行就會(huì)“成功”切換一次。添加三行后,根據(jù)我在檢查器中的判斷或粘貼警報(bào)()時(shí),它在第三行成功觸發(fā),然后在單擊時(shí)在第二行觸發(fā)兩次(看起來(lái)什么也沒(méi)發(fā)生)。在第一排,它發(fā)射了三次,給人的印象是它工作得很好。所以我多次調(diào)用 click 事件 - 可能是因?yàn)槲腋郊恿?3 次。但是如果我嘗試在文檔加載中使用它,則什么也不會(huì)發(fā)生。我打算做的是修改 redraw() 函數(shù)以在重新附加之前刪除單擊事件。但感覺(jué)這樣做的方式是錯(cuò)誤的。最好的方法是什么?
查看完整描述

1 回答

?
慕娘9325324

TA貢獻(xiàn)1783條經(jīng)驗(yàn) 獲得超4個(gè)贊

對(duì)于 jquery?on,您實(shí)際上需要 2 個(gè)選擇器:父選擇器和子選擇器。您可以使用on參數(shù)作為選擇器附加到父級(jí),以確定觸發(fā)事件的后代。

使用這個(gè)代替:

$("#orderBox?tbody").on(?'click',?'tr',?function?(?e?)?{
????selectRow($(this));
}?)

現(xiàn)有的tr和動(dòng)態(tài)添加的現(xiàn)在將正確觸發(fā)事件處理程序。


查看完整回答
反對(duì) 回復(fù) 2023-07-29
  • 1 回答
  • 0 關(guān)注
  • 213 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)