更改Jquery Mobile Listview的CSS

Question

是否可以在jquery mobile中使用过滤器搜索获得listview，但是我们创建卡片视图而不是使用普通列表。所以在其他世界中，我们仍然为列表添加<li></li>但我们正在将列表css更改为类，以便它显示类似卡而不是通常的方式。

这可能吗？我是否需要禁用某些css或添加新类或其他类似内容以确保列表看起来不同？

Answer 1

我使用的是一个实现：http://appcropolis.com/page-templates/list-of-cards/

我只希望它能够与jQuery Mobile 1.3一起更新

或者你可以自己做，如果你知道足够的CSS。唯一重要的是更改 li 宽度，让 50％（如果您想要 margins ，则更少，将其设置为 float left 以及它们周围的完整边框。就是这样，您可以在任何listview实现上执行此操作。

工作示例：http://jsfiddle.net/Gajotres/NBv9B/

<强> CSS：

.ui-listview li {
    width: 44% !important;
    margin: 2% !important;
    float: left;
    border: 1px solid #ccc !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}