使用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啓用拖放

回答

相關問題