Gridster 小部件内的 UL 标签

Question

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

请看下面fiddle

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

Answer 1

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

在你的 JavaScript 的第 5 行，你 select 你的 gridster 中的所有 ul 标签，并将它们变成 sub-gridsters。您可以使用 greater-than 符号将其更改为仅 select 外部 ul 元素，如下所示：

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

添加这个 > 符号使得 selector 仅针对 .gridster 的直接后代 ul，而不是所有 [=12] =]s 包含在.

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

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

尝试进行这些更改，效果应该会好得多。