我正在使用以下链接中的拆分视图:
https://github.com/asyraf9/jquery-mobile/tree/gh-pages
当我单击演示按钮时,菜单页面会发生变化,但右侧面板没有变化,如演示页面所示。有人可以提供一些线索是什么问题吗?
下面是演示链接:
http://asyraf9.github.com/jquery-mobile/
谢谢
我正在使用以下链接中的拆分视图:
https://github.com/asyraf9/jquery-mobile/tree/gh-pages
当我单击演示按钮时,菜单页面会发生变化,但右侧面板没有变化,如演示页面所示。有人可以提供一些线索是什么问题吗?
下面是演示链接:
http://asyraf9.github.com/jquery-mobile/
谢谢
看起来该演示使用 jQuery Mobile 1.0 Final(基于 JS 顶部的日期)。
如果您实际使用的是 jQuery Mobile 1.0 Final,则可以忽略其余部分。
在 1.0.1 中,jQuery Mobile 转而只对宽度小于1000px
宽的浏览器使用页面转换(我相信这就是数字)。在 1.1.0 中,这已更改为仅对fade
屏幕宽度过大的浏览器使用过渡。
此行为已添加到 jQuery Mobile 中,因为过渡通常在大屏幕上看起来很笨重(因为必须同时绘制这么多像素)。
设置过渡的最大宽度
默认情况下,当窗口宽度大于某个像素宽度时,可以禁用过渡(设置为“无”)。此功能很有用,因为过渡可能会分散注意力或在较大的屏幕上表现不佳。该值可通过全局选项 $.mobile.maxTransitionWidth 进行配置,默认为 false。该选项接受表示像素宽度或假值的任何数字。如果它不为假,则当窗口宽度大于指定值时,处理程序将使用“无”转换。
来源:http: //jquerymobile.com/demos/1.1.0-rc.2/docs/pages/page-transitions.html