gridster

5熱度

2回答

2熱度

3回答

如何讓Gridster添加小部件可調整大小？

我根據我的項目關閉此Fiddle 但我已這樣你就可以使用添加小工具： $(document).on("click", "#add", function() { var gridster = $(".layouts_grid ul").gridster().data('gridster'); gridster.add_widget('<li class="layout_block" data

10熱度

1回答

如何將網格從一個網格拖到另一個網格？

如何將一個網格從一個網格拖到另一個網格？ $(function() { //DOM Ready $(".gridster ul").gridster({ widget_margins: [5, 5], widget_base_dimensions: [160, 160] }); var gridster = $(".gridster ul"

3熱度

1回答

針對某些CSS類與Gridster插件

我使用Gridster plugin，其中列寬度都這樣定義： [data-sizex="12"] { width: ... } [data-sizex="11"] { width: ... } [data-sizex="10"] { width: ... } .... 我對此有2個問題; 什麼樣的CSS類是這些？我從來沒有做過/見過這樣的事情，特別是在CSS中。如果我想從1-12中選擇

4熱度

2回答

jQuery Dragable和Resizable衝突

我正在使用Gridster插件（http://gridster.net）。我在Github上發現了一個可更改大小的更新演示。我還添加了jQuery livequery插件，以便與未來的項目保持一致。添加新的網格項後，draglable/resizable工作正常。默認項目工作正常，只有新項目的問題。這是我如何使用代碼：調整大小並拖動 var layout; var grid_size = 3

5熱度

1回答

emberjs事件改變

我有一個emberjs應用程序，其構造非常喜歡的樣品在這裏： https://github.com/tildeio/bloggr-client 我的問題是，當左邊的一個「後」的用戶點擊，是有哪些事件可以在post view/route/controller中訂閱，我可以使用它？我正在使用的一個JavaScript庫（gridster）需要在用戶從帖子切換到帖子時運行一些javascript。我嘗試

0熱度

1回答

使用Gridster.js啓用拖放

我試圖讓用戶Gridster.js有一個可編輯的拖放網格（as per the example here on their home page）。我已經設置了一個非常基本的例子，讓它工作 - 這一切看起來都很棒，我可以選擇要移動的元素，但所有東西總是會重置回原始位置，而其他任何形狀都不會取代我拖着一個元素（如果你看到他們的例子，當你拖動一個元素，其他元素實時移動）。我的HTML是按照他們的建議

1熱度

1回答

Gridster，窗口小部件在寬度大於網格寬度時不渲染

我使用帶12列網格的gridsterJS。我用add_widget()方法添加小工具dinamycally。小工具顯示正確。但是，如果我把一個sizex爲6或更多的小部件出現在DOM中，它的高度是正確的，但它的寬度是0px。然後，窗口小部件是存在的，但杜到0像素寬度，我們看不到它視覺在下面的示例僅在兩個中的一個是可見的。如果我從7到6更改manualy的SIZEX然後兩個小部件都ok： <

0熱度

1回答

這些回調如何適合配置對象？

我很喜歡gridster.js，但我無法弄清楚如何使用它的回調函數。該documentation狀態下可以被傳遞到Gridster配置對象： draggable.stop: function(event, ui){} // A callback for when dragging stops. 這裏是我想，但我得到的draggable.stop行錯誤Uncaught SyntaxError:

2熱度

1回答

獲取數據值並應用一個類，如果它等於某個值

我有一個需要使用gridster.js的作業分配，我希望能夠檢查列表項的數據行屬性是否等於某個值，以及它的data-col屬性等於一個值。如果它們的值等於所需的值，並且它們的座標與預期的位置相匹配，我想向該列表項添加一個類爲「true」的類。我目前正試圖與實現這一目標的清單項目有2初始data-row和1一個data-col，我要檢查它是否已被轉移到data-row1和data-col1。我試過