Layout 是否有用于制作互动列表的jQuery移动插件？

我想制作一个这样的列表，但我不想使用标准的垂直列表，而是想使用基于平铺的列表

---

你知道有什么插件可以做到这一点吗？如果您不这样做，您认为有没有一种方法可以在不破坏jquery mobile的情况下做到这一点？

只需一点CSS：

.custom-ul .ui-li {
    width  : 200px;
    height : 200px;
    float  : left;
}
/*jQuery Mobile adds a `.ui-btn-inner` element that also has the `.ul-li` class, so it needs to be reset after the changes made above*/
.custom-ul .ui-li .ui-btn-inner {
    width : 100%;
}

这将为列表项设置特定的高度/宽度，然后浮动它们，使它们以网格样式堆叠，然后重置列表项的内部div。请注意选择器的

.custom ul

部分，这使得您仍然可以拥有标准列表，但当您需要“网格样式”列表时，您可以将

.custom ul

类添加到

元素中

这里是一个演示：（它两次输出相同的列表，第一次有

.customul

类）

---

请注意，您可能需要调整其他CSS以获得您想要的内容，但这将是一个很好的起点。

您只需使用一点CSS即可：

.custom-ul .ui-li {
    width  : 200px;
    height : 200px;
    float  : left;
}
/*jQuery Mobile adds a `.ui-btn-inner` element that also has the `.ul-li` class, so it needs to be reset after the changes made above*/
.custom-ul .ui-li .ui-btn-inner {
    width : 100%;
}

这将为列表项设置特定的高度/宽度，然后浮动它们，使它们以网格样式堆叠，然后重置列表项的内部div。请注意选择器的

.custom ul

部分，这使得您仍然可以拥有标准列表，但当您需要“网格样式”列表时，您可以将

.custom ul

类添加到

元素中

这里是一个演示：（它两次输出相同的列表，第一次有

.customul

类）

---

请注意，您可能需要调整其他CSS以获得您想要的内容，但这将是一个很好的起点。

看起来很有效。我还不能测试它，但看起来很棒！谢谢看起来很有效。我还不能测试它，但看起来很棒！谢谢