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。我试过