javascript - Gridster小部件内的UL标签

我正在尝试在gridster小部件内使用ul标记，但由于某些原因，列表无法正常工作。

请参阅下面的小提琴

http://jsfiddle.net/h9f63/237/

最佳答案

这是因为您已在gridster内部启用了gridster。

在JavaScript的第5行中，选择网格器中的所有ul标签，然后将它们转换为子网格器。您可以通过使用大于号将其更改为仅选择外部ul元素，如下所示：

    gridster = $(".gridster > ul").gridster({  //...

该>符号的添加使选择器仅针对作为ul的直接后代的一个.gridster，而不是其中包含的所有ul。

同样，您的CSS需要相同的修复程序：

.gridster > ul {
    list-style: none;
    background-color: gray;
}
.gridster > ul li {
    background-color: white;
}

尝试这些更改，它应该会更好。

关于javascript - Gridster小部件内的UL标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34505325/