Javascript 使用Gridster.js启用拖放功能

我试图让用户拥有一个可编辑的拖放网格（）

我已经设置了一个非常基本的示例，以使其工作-这一切看起来都很好，我可以选择要移动的元素，但所有的东西都会重置回原始位置，并且其他形状都不会被置换，因为我正在拖动一个元素（若您看到它们的示例，当您拖动一个元素时，其他形状会被实时置换）

我的html符合他们的建议：

<div class="gridster ready">
    <ul style="position: relative; height: 360px;">
        <li data-row="1" data-col="1" data-sizex="2" data-sizey="2" class="gs_w widget-orange">loading</li>
        <li data-row="1" data-col="3" data-sizex="1" data-sizey="1" class="gs_w widget-orange">loading</li>
        <li data-row="2" data-col="3" data-sizex="1" data-sizey="1" class="gs_w widget-orange">loading</li>
        <li data-row="1" data-col="4" data-sizex="1" data-sizey="1" class="gs_w widget-orange">loading</li>
        <li data-row="2" data-col="4" data-sizex="1" data-sizey="1" class="gs_w widget-orange">loading</li>
    </ul>
</div>

---

有人有什么想法吗？有人用过这个图书馆吗？（我在chrome控制台的开发工具中没有任何错误记录等）

要使其正常工作，您需要从无序列表中删除

ready

类。Gridster在正确加载插件时会自动添加它，因为它已经存在，无法正确加载。

要使其正常工作，您需要从无序列表中删除

ready

类。Gridster在正确加载插件时会自动添加它，因为它已经存在，无法正确加载。

是的，解决了这个问题，但忘了回来更新答案-但这是正确的，所以会加载它-谢谢！是的，解决了，但忘记回来更新答案-但这是正确的，所以会接受它-谢谢！

 var gridster;
  $(function(){

    gridster = $(".gridster > ul").gridster({
        widget_margins: [20, 20],
        widget_base_dimensions: [140, 140],
        min_cols: 6
    }).data('gridster');

  });