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 回答