1

現在マドリッドでやっているマスターのためにウェブプロジェクトを完成させようとしていますが、これを達成するのに苦労しています。

あなたはこのサイトでばかコードを見ることができます：

http://cice.digitalcore.es/febrero/majestic/

トグルのコードは次のとおりです。

//Navigation Toggle
    function navToggle() {
        if(open){
            if ($(window).width() <= 1024) {
                $("#navigation-panel").animate({width: "toggle"}, 500)
                $("#photos").animate({"margin-left":"310px"}, 500);
                open= false;
            }
            else if ($(window).width() > 1024) {
                $("#navigation-panel").animate({width: "toggle"}, 500)
                $("#photos").animate({"margin-left":"410px"}, 500);
                open= false;
            }
        }
        else {
            $("#navigation-panel").animate({width: "toggle"}, 500)
            $("#photos").animate({"margin-left":"10px"}, 500)
            open= true;
        }
    }

私の主な問題は、ナビゲーションが最初に開いたらすべてがうまくいくことですが、ウィンドウのサイズを1024未満に変更するか、画像の壁のブレーキの周りで逆にすると、1024未満または1024を超える解像度に割り当てられたさまざまなマージンが尊重されません。

私はあなたが私を助けてくれることを願っています私はそれをたくさん感謝します:)。

編集：

私はこれを試しましたが、どちらも機能しません：

$(window).resize(autoResize);

    //Auto Resize
    function autoResize() {
        if ($("#navigation-panel").is(":visible")) {
            if ($(window).width() <= 1024) {
                $("#photos").animate({"margin-left":"310px"}, 500);
            }
            else if ($("#navigation-panel").is(":visible")) {
                if ($(window).width() > 1024) {
                    $("#photos").animate({"margin-left":"410px"}, 500);
                }
            }
        }
    }

ありがとうEaswee:)これを追加して修正する必要があります：

$(window).resize(autoResize);

    //Auto Resize
    function autoResize() {
        if ($("#navigation-panel").is(":visible")) {
            if ($(window).width() <= 1024) {
                $("#photos").css({"margin-left":"310px"});
            }
            else if ($("#navigation-panel").is(":visible")) {
                if ($(window).width() > 1024) {
                    $("#photos").css({"margin-left":"410px"});
                }
            }
        }
    }

よろしく、ジョエル

4

1 に答える 1

0

navToggle()ウィンドウのサイズ変更でも関数をトリガーする必要があります。

jqueryを使用しているので、http： //api.jquery.com/resize/をご覧ください。

于 2013-02-15T15:37:23.390 に答える