gridster小部件中的UL标签

Question

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

请参阅下面的小提琴

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

Answer 1

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

在JavaScript的第5行，您选择了网格中的所有ul标记并将其转换为子网格。您可以将其更改为仅使用大于号来选择外部ul元素，如下所示：

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

添加此>符号会使选择器仅定位ul的{​​{1}}，而不是.gridster中的所有ul。< / p>

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

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

尝试使用这些更改，它应该可以更好地工作。