如何添加一個id變量到一個jQuery可拖動項目？

Question

我以爲我會把工作解決方案放在這裏給其他代碼示例感興趣的人。

每個可拖動項目都將其id設置爲項目ID。這是一個可拖動項目的源代碼視圖：

<div id="item"> 
    <ul> 
     <li class="list_none" id="15"> 
       Black phone 
     </li> 
    </ul> 
</div> 

這裏的jQuery腳本使得它拖動。「我已經更新，以反映dmck輸入：

$("#item li").each(function(index, value) { 
    $this = $(value); 
    var drag_id = $this.attr("id"); 
    $this.draggable({ 
      appendTo: "body", 
      helper: "clone" 
    }).data("drag_id", drag_id) 
}); 

薪火drag_id值可放開是一個問題，但現在的工作。

$("#group ul").droppable({ 
    activeClass: "ui-state-default", 
    hoverClass: "ui-state-hover", 
    accept: ":not(.ui-sortable-helper)", 
    drop: function(event, ui) { 
     // alert(ui.draggable.data("drag_id")); // left this alert in for other tinkerers 
     $('input[name=user_id]').val(ui.draggable.data("drag_id")); 
     $(this).closest('form').submit(); 
     return false; 
     $("<li></li>").text(ui.draggable.text()).appendTo(this); 
    } 

謝謝。

Answer 1

使用jQuery的每一個的每個元素綁定：

$("#item li").each(function(index, value) { 

    $this = $(value); 

    var itemid = $this.attr("id"); 

    $this.draggable({ 
      appendTo: "body", 
      helper: "clone" 
    }).data("itemid", itemid) 
});