是否可以在 jquery mobile 中使用过滤器搜索创建一个列表视图,但我们创建一个卡片视图而不是普通列表。所以在其他世界中,我们仍在添加<li></li>
for 列表,但我们正在将列表 css 更改为一个类,以便它像卡片一样显示,而不是以通常的方式显示。
那可能吗?我是否需要禁用某些 css 或添加新类或其他东西以确保列表看起来不同?
是否可以在 jquery mobile 中使用过滤器搜索创建一个列表视图,但我们创建一个卡片视图而不是普通列表。所以在其他世界中,我们仍在添加<li></li>
for 列表,但我们正在将列表 css 更改为一个类,以便它像卡片一样显示,而不是以通常的方式显示。
那可能吗?我是否需要禁用某些 css 或添加新类或其他东西以确保列表看起来不同?
我正在使用一种实现: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);
}