如何从函数数据绑定上的div 获取 id?
这不起作用:
window.APP = {
models: {
court_a: kendo.observable({
court_a_touch_unit_1: function (e) {
var id = $(e.item).attr('id');
console.log(id);
},
}),
}
};
<div data-role="touch" id="court_a_touch_unit_1" data-bind="events: { touchstart: court_a_touch_unit_1 }">
<img class="unit_image" data-bind="attr: { src: images[1].url }" />
</div>
这将适用于您:
court_a_touch_unit_1: function (e) {
var id = e.sender.element.attr("id");
console.log(id);
},
或者,如果使用 data-id 更容易,请使用以下内容:
court_a_touch_unit_1: function () {
var id = $(event.target).data('id');
console.log(id);
},
<div data-role="touch" id="court_a_touch_unit_1" data-id="1" data-bind="events: { touchstart: court_a_touch_unit_1 }">
<img class="unit_image" data-id="1" data-bind="attr: { src: images[1].url }" />
</div>
您希望将数据 id 放在两个元素中,因为用户可以单击图像或div。
TCGB