Question

我正在使用jQuery selectable，其中包含以下html

<div class="selectable ui-selectable" id="timeslot">
<span data-y="1" data-x="0" class="ui-state-default  ui-selectee"></span>
<span data-y="2" data-x="0" class="ui-state-default  ui-selectee"></span>
<span data-y="3" data-x="0" class="ui-state-default  ui-selectee"></span>
<span data-y="4" data-x="0" class="ui-state-default  ui-selectee"></span>
<span data-y="5" data-x="0" class="ui-state-default  ui-selectee"></span>

现在，当我点击seletable时，我想知道发生点击事件的元素。当我尝试使用这些代码时，我得到（父div）

stop: function( event, ui ) {
    console.log(event.target);
}

如何在jquery seletable中获得点击的跨度。

Answer 1

试试这个：

console.log(event.relatedTarget);

Answer 2

我认为解决方案是使用selected event

selected: function (event, ui) {
    console.log(ui.selected);
},

演示：Fiddle

Answer 3

尝试event.relatedTarget

stop: function (event, ui) {
    console.log(event.relatedTarget);
}

Answer 4

event.currentTarget正是您要找的。

Answer 5

尝试这样的事情，FIDDLE

$( "#selectable" ).selectable({
    selected: function( event, ui ) {
        alert($(ui.selected).data('y'));
    }
});

<强>参考

已选中：http://api.jqueryui.com/selectable/#event-selected

如何在jQuery Selectable中获得单击的元素

5 个答案: