問題タブ [matchmedia]

https://github.com/paulirish/matchMedia.js/をリスナー拡張機能と共に使用していますが、以下のマッチ メディア クエリのリスナーの書き方がわかりません。どんな援助も大いに義務付けられます。

JS:

この問題は、iOS Mobile Safari でメモリ不足のクラッシュを調査しているときに発見されました。

最も顕著なのは、HTML5 ゲームなどの大規模な HTML5 アプリケーションで、更新のたびにメモリが追加され続けるブラウザでのメモリ リークを発見したことです。

私たちの場合、アプリは約 300MB の実メモリ使用量で実行され、更新ごとに約 100MB 増加しました。

iPad mini と iPad4 で最も顕著に見られるのは、2 回の更新の直後に Mobile Safari がクラッシュすることです。

Wordpress のインストールで Enquire.js を使用しようとしています。小さな画面の場合、左の列を中央の列の下に押し込もうとしています。

ラップトップのほとんどのブラウザーで動作するようになりましたが、古い Android ブラウザー (2.2) では動作せず、ポリフィルが必要です。このポリフィルを機能させようとしましたが、Android で機能を取得できず、Android コンソールで matchmedia ポリフィルに関する警告が引き続き表示されます。

考えられる問題を特定するのを手伝ってください。基本的に、function.php にいくつかのスクリプトをロードします。

次に、私の Child テンプレートには、いくつかのファイル polyfill.js を含む js フォルダーがあり、メディアマッチをポリフィルすることになっています (media.match.js は同じフォルダーにあります)。

同じフォルダーにある enquire.js を実際に使用する reorder.js (以下):

まず第一に、私は JavaScript プログラミングの初心者であり、ここからできる限り多くのことを学ぼうとしていることを強調したいと思います。inquire js api、ドキュメント、およびソースコードを読みます。inquire js と従来の matchmedia および resize イベント リスナーの使用の違いを知りたいです。

inquire js へのリンク: http://wicky.nillia.ms/enquire.js/

貢献を感謝します

初めての「プログレッシブ エンハンスメント」サイトを試みていますが、jQuery の追加とブラウザのサイズ変更について質問があります。基本的に、読み込まれるデフォルトのサイトがモバイル バージョンになるように設定し、ブラウザの幅が最小 1100px の場合、ページの div にデスクトップ要素を追加する jQuery 関数を用意しました。

それはうまく機能しますが、今はサイズ変更の問題に取り組む必要があります。現在、ブラウザー ウィンドウのサイズを 1100px 未満に変更しても、div に追加された要素はブラウザーを更新するまで消えません。ブラウザ ウィンドウのサイズを 1100px 未満に変更すると、追加された要素が更新せずに消えるようにしたいと考えています。

誰かが私を正しい方向に向けることができますか? ありがとう！

HTML:

Javascript:

このコードを考えると：

そして、この他のコード:

matchMediaバージョンは期待どおりに動作し、ページのサイズを何度変更しても、画面のサイズが 800px 未満の場合はアラートが表示されますが、2 番目のバージョンでは、画面幅が小さいページをリロードするとアラートが表示されますその後画面のサイズを変更すると、アラートは表示されません。

これを de Modernizr docs から読みました。「最大幅または方向のクエリは、後で変更される可能性がある現在の状態に対して評価されます。」これはこの特定の動作を指していますか、それともコードに何か問題がありますか?