1

Foundation には、 Media Queriesを検出するための JS 関数がいくつかあります。私の質問は、中程度のメディアクエリで単に発射するいくつかの関数を定義する方法ですか?

まさに私はミディアムアップでファウンデーションイコライザーを発射したい、または実際にモバイルでの作業をやめたい.

ありがとう ：）

4

2 に答える 2

0

Foundation 6 は、ブレークポイントを設定できる「equalizeOn」と呼ばれる Equalizer プロパティをサポートしています。イコライザーは、このブレークポイント以降で処理を行います (モバイル ファースト アプローチ)。

ドキュメントへのリンクは次のとおりです (セクション、プラグイン オプション): http://foundation.zurb.com/sites/docs/equalizer.html

オプションは、HTML のデータ属性または JavaScript を介して設定できます。

于 2016-02-01T13:40:55.717 に答える
0

@parhum、

これが正しいアプローチかどうかはわかりませんが、いつでもdata-equalizer属性を削除して再度追加することができます。

// media query event handler
if (matchMedia) {
    var mq = window.matchMedia("(min-width: 767px)");
    mq.addListener(WidthChange);
    WidthChange(mq);
}

// media query change
function WidthChange(mq) {

    if (mq.matches) {
        // window width is at least 767px
        $('.row').attr('data-equalizer','data-equalizer');
    }
    else {
        // window width is less than 767px
        $('.row').removeAttr('data-equalizer');
    }

}

何らかの理由で、これを機能させることができませんでした

Foundation.utils.register_media('custom', "(min-width: 767px)");

if (matchMedia(Foundation.media_queries['custom']).matches) {
    // window width is at least 767px
    $('.row').attr('data-equalizer', 'data-equalizer');
} else {
    // window width is less than 767px
    $('.row').removeAttr('data-equalizer');
}

プレビュー: @Fiddle | コード: @Editor

〜アービンド

于 2014-05-22T13:25:58.103 に答える