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