Jquery droppable得到可拖動的id

Question

當我跌入某個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

Answer 1

正如他們在jQuery UI dropable doc中所說的那樣

所有回調都會收到兩個參數：原始瀏覽器事件和准備好的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

Answer 2

您可以使用ui.draggable來解決可拖動元素。

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

演示： http ： //jsfiddle.net/9RBJG/

Answer 3

您可以將刪除的節點附加到div，通過div可以獲得所有丟棄的ID。 如下

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