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