listener - リスナーを matchMedia.js ポリフィルの問題に追加する

Question

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

JS:

if (matchMedia("(min-width: 52em)").matches) {
  $("details").attr("open", "open");
}

Answer 1

var handleMyMediaQuery = function(mql) {
        if (mql.matches) {
            // do match actions
        } else {
            // do unmatch actions
        }
    },
    myMediaQuery = window.matchMedia('(min-width: 52em)');

handleMyMediaQuery(myMediaQuery);
myMediaQuery.addListener(handleMyMediaQuery);

「handleMyMediaQuery」の最初の使用は、メディア クエリとの一致をすぐにチェックし、メディア クエリが一致すると 2 番目の「myMediaQuery.addListener(handleMyMediaQuery)」がトリガーされ、メディア クエリが一致しないと再びトリガーされます。

それが理にかなっていることを願っています。