jquerymobile拆分视图

Question

我使用拆分视图从下面的链接右侧面板不过渡：

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

当我在演示按钮点击菜单页面的变化，但右边的面板没有改变，如图在演示页面。有人可以提供一些线索是什么问题？

以下是演示链接：

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

感谢

Answer 1

它看起来像演示使用jQuery Mobile的1.0决赛（基于在JS的上方的日期包括）。

你可以，如果你实际使用jQuery Mobile的1.0最终忽略其他。

在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