适用于 1.4.5v 的响应式网格 Listview jquery mobile

Posted

技术标签:

【中文标题】适用于 1.4.5v 的响应式网格 Listview jquery mobile【英文标题】:Responsive Grid Listview jquery mobile for 1.4.5v 【发布时间】:2016-04-03 02:32:30 【问题描述】:

有一个1.3.0版本(Jquery mobile)的响应式网格列表视图的演示

演示:http://jsfiddle.net/ggzHT/74/

但它不适用于 1.4.5v 与这些资源:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

有什么办法支持吗?

【问题讨论】:

你遇到了什么问题? 用旧资源替换新资源(1.4.5v 的 js 和 css),列表视图不起作用。 请检查 jsfiddle.net/ggzHT/76 是否适合我。 @Parth Trivedi 请更改 jsfiddle.net/ggzHT/74 演示的文档宽度。它有两种观点。另外,如果您将 js (1.4.5v) 添加到 jsfiddle.net/ggzHT/76 它会显示错误的列表! 【参考方案1】:

下面的 1.4.5 演示链接。只需查看页面源代码

http://demos.jquerymobile.com/1.4.5/listview-grid/listview-grid.html

【讨论】:

以上是关于适用于 1.4.5v 的响应式网格 Listview jquery mobile的主要内容,如果未能解决你的问题,请参考以下文章

适用于不同设备的响应式画布

响应式网页设计适用于桌面,但不适用于移动设备

响应式设计适用于桌面,但不适用于 iPhone

bootstrap 4 响应式卡网格/阵列

响应式设计中的第 n 个子“碰撞”/创建流体网格

使用 Javascript 切换的导航栏汉堡的响应式下拉菜单适用于 Chrome、Firefox,但不适用于 Safari