$("#id").on("click","被選擇的元素",function(e){});

本文轉載自查看原文 2019-03-05 17:07 1787 js/ html

1 $("#id").on("click","button[data-task-id]",function(e){});

code1

意思是當頁面控件id的元素button[data-task-id]被單擊時，執行function(e).

此語句原是列表（kendoGrid格式）中一個“明細”按鈕（紅框標注）的觸發函數，樣式如下：

按鈕定義如下：

1 return kendo.format("<button type='button' class='k-button k-button-icontext' style='min-width: 0px;' data-backdrop='static' data-task-id='{0}' value='{1}' data-backdrop='static' data-toggle='modal' data-target='#RecordModifyDetailModal' >明細</button>",dataItem.eventNumber,dataItem.eventNumber);

code2

能看到button有個屬性“data-task-id”，那么code1就很好理解了，在code2定義中每個button都一個獨一無二的“data-task-id”，用來被識別是哪一行的“明細”被觸發，當按鈕被觸發，code1中的“button[data-task-id]”就知道是哪個控件的哪個元素被觸發，此時便會執行函數。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 $().click()和$(document).on('click','要選擇的元素',function(){})的不同 $().click()和$(document).on('click','要選擇的元素',function(){})的不同 $().click()和$(document).on('click','選擇的元素',function(){})的不同 jQuery的區別：$().click()和$(document).on('click','要選擇的元素',function(){})的不同【jQuery 區別】.click()和$(document).on("click","指定的元素",function(){});的區別【jQuery 區別】.click()和$(document).on("click","指定的元素",function(){});的區別 $().click()和$().on('click',function(){})的區別 $("#XXX").click()和$("#YYY").on("click","指定的元素",function(){});的區別(jQuery動態綁定事件) jquery使用("#id").click(function(){})點擊事件失效的解決辦法在iframe中獲取父窗口的元素格式：$('#父窗口中的元素ID', parent.document).click();