0

我正在使用 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>

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

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

如何在 jquery 可选项中获得点击跨度。

4

5 回答 5

2

试试这个：

console.log(event.relatedTarget);
于 2013-11-07T07:36:29.540 回答
1

我认为解决方案是使用选定的事件

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

演示：小提琴

于 2013-11-07T07:44:42.330 回答
0

试试event.relatedTarget

stop: function (event, ui) {
    console.log(event.relatedTarget);
}
于 2013-11-07T07:37:10.287 回答
0

event.currentTarget是您要查找的内容。

于 2013-11-07T07:44:10.180 回答
0

尝试这样的事情，小提琴

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

参考

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

于 2013-11-07T07:49:59.867 回答