使用Gridster.js启用拖放

我试图让用户Gridster.js有一个可编辑的拖放网格（as per the example here on their home page）。使用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'); 

    });

有没有人有什么想法？有谁使用过这个库？（我没有任何错误记录在铬控制台开发工具等）

来源

2013-04-28 rhinds

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

来源

2013-05-13 14:51:40 belens

是的，工作了，但忘了回来并更新答案 - 但这是正确的，所以会承认 - 谢谢！ – rhinds 2013-05-13 15:41:38

使用Gridster.js启用拖放

回答

相关问题