以下のリンクから分割ビューを使用しています。
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.0fadeでは、画面幅が大きすぎるブラウザーのトランジションのみを使用するように変更されました。
この動作が jQuery Mobile に追加されたのは、トランジションが大きな画面では通常分厚いように見えるためです (非常に多くのピクセルを同時に描画する必要があるため)。
トランジションの最大幅の設定
デフォルトでは、ウィンドウの幅が特定のピクセル幅よりも大きい場合、トランジションを無効にする (「なし」に設定する) ことができます。大きな画面ではトランジションが邪魔になったり、パフォーマンスが低下したりする可能性があるため、この機能は便利です。この値はグローバル オプション $.mobile.maxTransitionWidth で設定でき、デフォルトは false です。このオプションは、ピクセル幅または false 値を表す任意の数値を受け入れます。false でない場合、ウィンドウの幅が指定された値より広い場合、ハンドラーは「なし」トランジションを使用します。
ソース: http://jquerymobile.com/demos/1.1.0-rc.2/docs/pages/page-transitions.html