Javascript Gridster JS性能问题

我一直在努力弄清楚为什么GridsterJS对我来说运行得这么慢，我有一个更大的项目使用gridster，而且性能太差，我无法拖动或调整页面上的任何小部件。我很震惊地看到一个精简了很多的例子也有同样的表现：

#网格li{
背景颜色：绿色；
宽度：200px；
高度：200px；
列表样式：无；
}






$（“#网格”）.gridster({
小部件_选择器：“li”，
小部件基础尺寸：[200200]，
小部件_边距：[10,10]，
避免重叠的小部件：true
});

---

任何关于这里可能发生的事情的线索都会很有帮助。。。提前感谢。

您需要添加gridster使用的数据属性，以使其正常工作

---

您可以访问该页面并查看它显示的HTML结构，以了解我的意思。我还对CSS做了一些调整，这里有一个更新的fiddle:。

找出原因-与示例相比，它缺少一个类“gridster”，在调用

gridster（）

之前将该类添加到gridster元素中，性能达到预期。谢谢你的帮助，崔。

这对你来说顺利吗？与它们的示例相比，我仍然看到非常笨拙的行为。当我将jQuery回滚到1.11时，它似乎工作得更好。我还怀疑部分笨拙之处在于gridster为拖动的元素创建了一个占位符，这也是一个

li

，并且您的CSS正在应用于所有元素，请查看以下内容：

#grid li {
    background-color: green;
    width: 200px;
    height: 200px;
    list-style: none;
}

<ul id="grid">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

$("#grid").gridster({
    widget_selector: "li",
    widget_base_dimensions: [200, 200],
    widget_margins: [10,10],
    avoid_overlapped_widgets: true
});