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