1
我有一個菜單結構，我想動態改變。菜單可以像這樣列出。jquery droppable在同一類嵌套列表
<ul>
<li id="1/2" class='draggable'>
<ul>
<li id="1/3" class='draggable'>
content
</li>
<li id="2/4" class='draggable'>
<ul>
<li id="5/2" class='draggable'>
content
</li>
</ul>
</li>
</ul>
</li>
<li id="1/6" class='draggable'>
content
</li>
而jQuery代碼如下所示：
$(".draggable").draggable({
revert: 'invalid',
});
$(".draggable").droppable({
hoverClass: "ui-state-active",
live: true,
drop: function(event, ui) {
var draggableId = ui.draggable.attr("id");
var droppableId = $(this).droppable('option', 'accept', ui.draggable).attr("id");
alert(draggableId + droppableId);
}
});
正如你可以在jQuery的代碼中看到的，我要趕在拖動的元素，並在它下降的元素。這裏的問題是，jQuery在類可拖動的每個嵌套列表中運行drop函數。 我只想抓住最深的列表項。