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

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]”就知道是哪个控件的哪个元素被触发,此时便会执行函数。

posted @ 2019-03-05 17:07  wisdomns  Views(3429)  Comments(0Edit  收藏  举报