jquerymobile分割视图右侧面板不转换

时间:2012-04-09 19:16:34

标签: jquery-plugins jquery-mobile ipad

我正在使用以下链接中的拆分视图:

https://github.com/asyraf9/jquery-mobile/tree/gh-pages

当我点击演示按钮时,菜单页面会发生变化,但右侧面板没有变化,如演示页面所示。有人可以提供一些线索是什么问题吗?

以下是演示链接:

http://asyraf9.github.com/jquery-mobile/

由于

1 个答案:

答案 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