问题标签 [gridster]

我用gridster构建了一个可拖动的网格，并遇到了我的可编辑 DIV 不可编辑的问题，因为 gridster.js 覆盖了click事件。我找到了focus()当我单击 DIV 时可以手动触发该功能的解决方案，现在此 DIV 中的文本是可更改的，但不可选择（不能使用鼠标或键盘）。

你知道是什么导致了这种行为吗？我用我的代码做了一个 JSFiddle -> CLICK

HTML 看起来像：

JS看起来像：

我正在尝试加入 AngularJS 和 Gridster，我遵循此处找到的代码：AngularJS ng-repeat content go bad 上的 Gridster jQuery plugin

问题是，在第一次删除后删除小部件（并将数据保存到 $scope.items - 在我的情况下用于缓存使用）时，内容完全出错。

我单击下一个，它会删除两个小部件（在 elm.$destroy 回调中）。你能帮我了解如何在没有这个问题的情况下即时保存数据吗？

我有一个使用 gridster 库的应用程序，但每当我在 IE6-7 浏览器中使用它时，它根本不工作。请建议我一些插件来做同样的工作。

我将 Gridster.js 用于我的仪表板，它可以拖放并调整小部件的大小。在移动或调整其中一个小部件后，是否有可能自动排列小部件以适应最小空间？

当我调整 gridster 小部件的大小时，gridster 小部件内的 Highcharts 不会自动调整大小。当我调整窗口大小时，highchart 会根据网格大小调整大小。但是当我调整网格大小时它应该会自动发生。

我试过的代码如下：

如何保存添加的小部件的状态：以下是我用来在单击按钮时添加小部件的功能：

这是html：

刷新时，我需要添加的小部件来保留其状态。我怎么做？有任何想法吗？？？？？

提前致谢！

我需要一个小部件-“widgetId 0”最多跨越 2 列，而其他小部件-“widgetId 1”在调整大小时最多跨越 4 列。以下是我的 2 个小部件：

我怎样才能做到这一点？

是否有任何 javascript 函数来调整特定小部件的大小？

谢谢

是否可以只调整一个 gridster 小部件的大小？

我已经做到了，因此用户可以单击小部件标题，使其扩展和收缩。

我想这样做，以便在扩展小部件时可以调整大小。

这可以做到吗？如果是这样，怎么做？

我正在使用 gridster 插件：http ://gridster.net/并且还引导我的仪表板布局。但是，我在调整窗口大小时遇到​​问题。我正在使用以下函数来调整大小：

有了这个，我可以在窗口缩小时调整内容的大小，但是如果我扩展窗口时内容不会恢复到正常状态。我的猜测是引导 css 和 gridster css 有一些冲突的类会导致这个问题。有什么办法可以解决这个问题吗？我在想的另一种方法是为引导类提供名称间距，这样对于不冲突的类，窗口调整大小不会受到影响。关于如何将名称间距添加到唯一导致问题的类的任何想法. 下面是 boostsrap 的 css：

在上面的例子中：我只想将命名空间添加到媒体查询中。其余所有课程保持不变。我怎样才能做到这一点？

所有板都由小部件填充，没有边距。当我尝试将元素从一列（1）移动到另一列（2）时，第 2 列的元素就会像下面这样从板子上掉下来：

如果列中没有小部件的位置，我想禁止将小部件放置到某个位置。

我的代码：

提前致谢！