ディメンションに基づいて異なる html ファイルをロードするのに役立つ JS ライブラリはありますか? これは応答性と適応性が混在していると思いますが、それがコーシャかどうかはわかりません.
基本的にはスマホで別のトップメニューを表示させたい。
ディメンションに基づいて異なる html ファイルをロードするのに役立つ JS ライブラリはありますか? これは応答性と適応性が混在していると思いますが、それがコーシャかどうかはわかりません.
基本的にはスマホで別のトップメニューを表示させたい。
問題にどのように取り組んでいるかについて議論する代わりに、私はそうです、あなたを助けることができる JS ライブラリがあると言いたいです。
http://css-tricks.com/enquire-js-media-query-callbacks-in-javascript/に、enquire.jsに関する優れた記事があります。これにより、ブレークポイントのコールバックを設定できます。
もう 1 つ興味があると思われるのは、 breakpoints.jsです。これにより、同様に、特定のブレークポイントで実行される jQuery を記述できます。
純粋にレスポンシブなデザインでこれを避けたい理由はありますか? 電話ナビゲーションとデスクトップ ナビゲーションの両方を含めて、ブラウザのサイズに基づいて CSS を介して表示/非表示を切り替えることができます。
@Kolinkのコメントに同意します..
しかし、とにかくこれを行いたい場合は、enquire.jsをお勧めします。
次のようなことができます。
enquire
.register("screen and (max-width:50em)", function() {
// Load top menu content 1 via AJAX.
// Show content menu 1
})
.register("screen and (max-width:40em)", function() {
// Load top menu content 2 via AJAX.
// Show content menu 2
});