我试图在gridster小部件中使用ul
标记,但由于某些原因,列表无法正常工作。
请参阅下方的小提琴
http://jsfiddle.net/h9f63/237/
这是因为您在gridster内部启用了gridster。
在JavaScript的第5行,您选择欺诈程序中的所有ul
标签,并将它们转换为子欺诈程序。您可以使用大于号将其更改为仅选择外部ul
元素,如下所示:
gridster = $(".gridster > ul").gridster({ //...
此>
符号的添加使选择器仅针对作为.gridster
的直接后代的一个ul
,而不是其中包含的所有ul
。
同样,你的CSS也需要同样的修复:
.gridster > ul {
list-style: none;
background-color: gray;
}
.gridster > ul li {
background-color: white;
}
试试这些变化,效果会更好。