是否有任何jQuery移动插件用于制作磁贴列表？

Question

我想制作一个像http://jquerymobile.com/demos/1.2.0-alpha.1/docs/lists/lists-search.html这样的列表，但我不想使用标准的垂直列表，而是想使用基于图块的列表。

你知道任何一个插件吗？如果你不这样做，有没有一种方法，你认为你可以做到这一点而不破坏jquery mobile？

Answer 1

你可以用一点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%;
}

这为列表项设置了一个特定的高度/宽度，然后浮动它们，使它们以网格样式堆叠，然后重置list-items的inner-div。请注意选择器的.custom-ul部分，这使得您仍然可以拥有标准列表，但是当您需要“网格样式”列表时，您只需将.custom-ul类添加到<ul data-role="listview">类} element。

这是一个演示：http://jsfiddle.net/ykEtD/（它是两次相同的列表输出，第一个有.custom-ul类）

请注意，您可能需要调整其他CSS以获得您想要的内容，但这对您来说是个不错的起点。