jQuery拖放綁定多個項目

Question

我想要一個綁定到數組的項目列表。 例如 一個項目將有一個標題，描述和一個圖像。

我將有一個投放PlaceHolder，將有一個或多個「標題，說明，圖像」。

當我拖動項目到PlaceHolder組件將被更新，如果它們存在。

任何幫助，這將不勝感激。

Answer 1

可以得到被拖入與ui.draggable元素：

$(".draggable").draggable({ revert:true }); 
$("#placeholder").droppable({ 
    drop: function(event, ui) { 
     var draggable = $(ui.draggable); 
     var droppable = $(this); 

     // Update droppable using draggable's sub-itens 
     droppable.find(".title").html(draggable.find(".title").html()); 
     droppable.find(".description").html(draggable.find(".description").html()); 
     droppable.find(".image").attr("src",draggable.find(".image").attr("src")); 
    } 
}); 

其餘部分將取決於你想用拖動的事：他們的子itens'的內容複製到佔位？克隆並替換佔位符？用原來的佔位符替換？

上述示例假定您將使用拖動元素的內容更新佔位符的內容（並且每個項目的屬性將由類標識）。如果您需要更多關於可拖動的信息（例如，它們在源數組中的索引），則可以使用data函數。