当我跌入某个div
时,我想被拖动id Drag <ul id="demo" >
<li id="1" ></li>
<li id="2" ></li>
<li id="3" ></li>
</ul>
<div class="drop"> drop here!! </div>
JQUERY
$(".drop").droppable({
drop: function(event, ui) {
// i need to get dragged id (note:able to drag multiple ids)
1,2,3..
}
});
请帮帮我!! Thnks
答案 0 :(得分:15)
正如他们在jQuery UI dropable doc
中所说的那样所有回调都会收到两个参数:原始浏览器事件和a 准备好ui对象,查看下面的对象文档(如果 你将第二个参数'ui'命名为:
ui.draggable - 当前可拖动元素,一个jQuery对象 ui.helper - 当前可拖动的助手,一个jQuery对象
ui.position - 可拖动助手的当前位置{top:,left:}
ui.offset - 可拖动助手的当前绝对位置{top:,left:}
ui.draggable
是要删除的元素jQuery object
。
因此,您可以使用ui.draggable.prop('id')
答案 1 :(得分:9)
您可以使用ui.draggable
来解决可拖动元素。
drop: function(event, ui) {
var id = ui.draggable.attr("id");
}
答案 2 :(得分:0)
你可以将删除的节点附加到div,通过div可以获得所有丢弃的id。如下所示
$(".drop").droppable({
drop: function(event, ui) {
var id= ui.draggable.attr("id");
$("#dropped-divs").append(id);
}