Sortable.js無法正常工作：列表項不可拖動

Question

我用Sortable.js嘗試了一個非常簡單的示例：兩個列表：一個列表當前為空，並將存儲另一個列表中的項目副本（這是靜態的）。

我嘗試為每個列表定義拉入和放置值，定義相同的組名，但是它不起作用。 實際上，填充列表中的靜態元素根本不可拖動。

我已經在JSbin上編寫了示例 。 由於我是JS新手，因此我接受各種建設性意見。

順便說一句：有什么辦法繪制引導列表邊界，即使是空的？

Answer 1

我已經編輯了jsbin並進行了以下更正

• 將sortable.js替換為

    <script src="//cdn.jsdelivr.net/sortable/latest/Sortable.min.js"></s‌​cript> 

• 您正在使用_ （instances_list，main_list）訪問ID，而ID具有-

• 為了使添加工作正常工作，我必須默認將一個項目添加到instances-list不是將其保留為空

JSBin