2 つの異なるスクリプトを含むページを作成しました。実行されるスクリプトは、画面サイズによって決まります。Enquire.Jsを使用してこれを実現します。
600px以上の画面でページを閲覧する場合、コンテンツをjQuery Tabsで表示したい。ここでテスト モデルを作成しましたが、問題なく動作します:ライブ ページ|| JS フィドル バージョン
機能しますが、一方向にしか機能しません。つまり、ウィンドウのサイズが変更されると、Enqiurie.js はその「魔法」を実行します。ただし、ウィンドウのサイズを再度変更しても、「魔法」は元に戻りません。(ウィンドウのサイズを変更するとメディア クエリが逆になる CSS メディア クエリとは対照的です)。
600px未満の画面でページを閲覧した場合、iPhoneスタイルのナビで表示させたい。ここでテスト モデルを作成しましたが、これも問題なく動作します:ライブ ページ|| JS Fiddle バージョン ただし、これも一方向にしか機能しません。
2 つのデモを組み合わせようとすると (つまり、タブと iphone スタイルのナビゲーションを切り替えると、うまくいきません。テスト モデルはこちらを参照してください:ライブ ページ|| JS Fiddle バージョン
読み込み時にブラウザーが 600 ピクセルを超える場合、タブを表示するにはウィンドウを更新する必要があります。ウィンドウのサイズを 600px 未満から 600px 以上に変更すると、600px 未満のコードの一部が持続するように見えます。
何が間違っているのかわかりません。助けてくれてありがとう！