Как получить Clicked элемент в JQuery Выбирается

Question

Я использую JQuery Выбирается, набравшим следующий 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 Я хочу знать, элементы, на которых случается нажмите событие. Когда я пытаюсь получить с этим кодом я получаю (родитель дел)

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

Как получить щелкнул промежуток в Jquery seletable.

Answer 1

Я думаю, что решение заключается в использовании selected event

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

Demo: Fiddle

Answer 2

попробовать это:

console.log(event.relatedTarget); 

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