0

レスポンシブ Magento テーマを作成していますが、問題が発生しました。通常のウィンドウ サイズでは、メニューの位置が iPad/モバイル サイズの場合とは異なります。ウィンドウサイズに基づいてクラス/ divを削除できるjQueryコマンドがあるかどうか知りたいのですが、助けていただければ幸いです。

これは私が試したものですが、うまくいきませんでした：

jQuery(window).resize(function() {
        var $j = jQuery;
        var windowwidth = $j(window).width();

        $j(windowwidth).onChange(function(){
            if (windowwidth < '148') {
                $j('.parent').css('display','relative');
            }
        });
    }

css3 メソッドは完全に機能します。@media 画面と (最大幅: 960px) {}

4

4 に答える 4

5

数値 ( ) にイベント リスナーを配置することはできませんwindowwidth。resizeその値をイベント ハンドラーからの目的の値と比較するだけです。

resizeハンドラーは、ウィンドウの幅または高さが変更されるたびに起動します。

コードは次のようになります。

$(window).resize(function() {
    if ($(window).width() < 148) {
        $('.parent').css('display','relative');
    }
}

これには、JS の代わりにCSS メディア クエリを使用することも検討する必要があります。

于 2013-08-30T13:26:54.693 に答える
1

これはうまくいきます：

$(window).resize(function() {

    var windowwidth = $(window).width();

    if (windowwidth < '148') {
       $('.parent').css('display','relative');
       alert('see it works');
    }

});
于 2013-08-30T13:33:57.507 に答える