Jquery droppable得到可拖动的id

时间:2012-05-19 14:12:46

标签: jquery drag-and-drop draggable

当我跌入某个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

3 个答案:

答案 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')

获取ID

答案 1 :(得分:9)

您可以使用ui.draggable来解决可拖动元素。

drop: function(event, ui) {
    var id = ui.draggable.attr("id");
}

DEMO: http://jsfiddle.net/9RBJG/

答案 2 :(得分:0)

你可以将删除的节点附加到div,通过div可以获得所有丢弃的id。如下所示

$(".drop").droppable({
    drop: function(event, ui) {
        var id= ui.draggable.attr("id");
        $("#dropped-divs").append(id); 
    }