0

我正在尝试使用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>

我的 JS 在主页上是按照他们的：

 var gridster;
  $(function(){

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

  });

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

4

1 回答 1

5

要使其工作，您需要ready从无序列表中删除该类。Gridster 正确加载插件时会自动添加它，因为它已经存在，它不能正确加载。

于 2013-05-13T14:51:40.793 回答