jQuery Mobile UIを使用してモバイルサイトを構築しましたが、デスクトップサイトとは異なる機能が必要であることに気付きました(デスクトップサイトではナツメヤシの日付を長くする必要があります)。
私はModernizrとmatchMediaを調べて、別々のjsファイルをロードするのを手伝ってくれましたが、それが応答して機能するための良い方法を見つけることができません。Modernizrは、初期ロードでのみ機能し(ドキュメントで何かを見逃していない限り)、最小/最大幅のしきい値を超えると、matchMediaが複数回実行されるという問題が発生します。時々動作しますが、問題は個別のjsファイルを追加/削除することです。その上(大きな問題ではありません-私は思いません)、Chromeは別のスクリプトからDOMにスクリプトをロードするときにエラーを発生させます。
1つのjsファイルを作成して$.mobile.media("screen and (min-width: XXXpx)")
から、本体の幅などのリスナーを追加して、必要な値を変更するのが最善でしょうか。
HTTPリクエストとサイトのサイズをできるだけ小さくしようとしているため、これを自分で難しくしている、または明らかな何かを見逃している可能性がありますが、これに対する適切な解決策を見つけることができません。
ありがとうございました!
ライトニングラウンドボーナス質問data-role
data-id
data-theme
:デスクトップサイトに切り替えた後、すべてのjQuery Mobileスタイリング()を維持することは良い習慣/適切ですか?それはひどく見えます..大きな画面でしか見ない人にとってはひどいです。