问题标签 [gridster]

我正在使用 gridster.js 并试图找出一种设置它的好方法，我可以将其中一个小部件拖到像 div 这样的“垃圾桶”中，并让它从网格中删除该小部件。如果有人对此有任何想法，那就太好了。这是我发现的，但试图找出使其与 gridster 一起工作的最佳方法。

有什么想法吗？提前致谢。

jsfiddle或jsbin等网上有没有很好的Gridster演示？？

有没有办法控制gridster表的最大高度和宽度？并使小部件仅在此容器内播放？gridster 默认使用 Jquery-UI 吗？

如果包装器设置为 100%，是否有人想出如何在 Gridster 中将内容包装器居中对齐？

我似乎无法让它工作。

当浏览器窗口调整大小时，有一些我似乎无法更改的右填充。

任何人都可以帮忙吗？

看到这个：http ://www.danieldoktor.dk/test5/test5.html

我目前正在尝试创建一个可用的基于 HTML/CSS/JS 的仪表板，它在 iPad 上表现得相当好。仪表板将包含几个主要包含图表的小部件。我开始使用gridster，它在 iPad 上运行良好（我发现的唯一一个，其余的要么基于 gridster[ 2 ]，不支持 iPad 或超重/慢 [ 3 ]）。

但是，当小部件内容更复杂（例如图表）时，一切都会变得非常缓慢。我目前正在尝试重新配置 gridster 以在拖动时不呈现内容，或者重新配置在 iPad 上流畅运行的其他小部件解决方案，即使拖动更复杂的内容也是如此。有什么建议么？

相关点：CSS3 是否会转换一种方式来优化这一点，因为据我了解，它们是硬件支持的，并且不依赖于 JavaScript 进行渲染？或者它们是否不适合即时计算的小型实时运动。

我正在使用Gridster 插件，其中列宽定义如下：

我对此有两个问题；

1. 这些是什么类型的 CSS 类？我从来没有做过/见过这样的事情，尤其是在 CSS 中。
2. 如果我想从 1-12 中选择所有列，我该如何使用代码？通常我使用类似[class*=".."] this. 我不认为我可以为上述情况获得这样的格式。

我正在使用 Gridster 插件（http://gridster.net）。我在 Github 上找到了一个可调整大小的更新演示。我还添加了 jQuery livequery 插件，以便更好地配合未来的项目。

添加新的网格项目后，可拖动/可调整大小都可以工作。默认项目工作正常，只有新项目的问题。这就是我使用代码的方式：

调整大小 + 拖动

添加项目

请检查 JSFiddle 以及http://jsfiddle.net/PrtrR/51/

请帮我做这件事。

问候。

我正在尝试使用Gridster.js来拥有一个可编辑的拖放网格（根据他们主页上的示例）。

我已经设置了一个非常基本的示例，以使其正常工作 - 一切看起来都很棒，我可以选择要移动的元素，但一切总是会重置回原始位置，并且其他形状都不会取代我正在拖动的广告一个元素（如果您看到他们的示例，当您拖动一个元素时，其他元素会实时移位）。

我的 html 是根据他们的建议：

我的 JS 在主页上是按照他们的：

有没有人有任何想法？有人用过这个库吗？（我在 chrome 控制台等的开发工具中没有记录任何错误）

我想为我的网站使用 Gridster，但我需要使用“add_widget”命令添加很多小部件。我做了一个测试，我认为“add_widget”功能存在问题：网格越来越慢并且存在内存泄漏。

您可以在此视频中看到：grister 问题视频

但是，正如您在视频中看到的那样，如果我在开头添加小部件（不是使用 add_widget 函数），则没有问题。你能帮助我吗 ？我的代码有问题吗？

提前致谢 ！

我有一个需要使用 gridster.js 的家庭作业，我希望能够检查列表项的 data-row 属性是否等于某个值，并且它的 data-col 属性是否等于一个值。如果它们确实等于所需的值并且它们的坐标与预期的位置匹配，我想将一个类添加到“true”的列表项中。

我目前正在尝试使用的列表项具有首字母data-rowof2和 a data-col，1我想检查它是否已移至data-row 1and data-col 1。我试过的代码是这样的：

但是，此语句会导致添加 true 类，而不管位置如何。理想情况下，我要做的是检查每个列表项的data-rowanddata-col值是否等于正确的值，以及它们是否添加了 true 类。然后，我打算使用该.each方法检查每个列表项是否有一个类，true如果有，我想更改包含 gridster 无序列表的 div 的背景颜色。

我的项目基于这个Fiddle

但是我已经做到了，因此您可以使用以下方法添加小部件：

现在这可行，它确实创建了一个新的小部件，但该小部件不可调整大小。即使它是使用所需的类和 id 创建的，我认为这是因为它是一个动态添加的小部件。有什么办法可以让它工作吗？

谢谢。