0

我正在创建一个响应式导航，并让它正常工作；但我想要做的是在屏幕宽度小于 480 或等于时让导航工作（#logo会使 responsiveNav 出现），否则链接将作为普通链接发挥作用（#logo将带你回到index.html）这是编码：

$(document).ready(function(){
    $('#logo').click(function() {
        if ($(body).width() < 480) {             
            $('link[href=index.html]').remove();
            $('ul.mobileNav').slideToggle();
            $('ul.mobileNav').css({
                'top': '70px',
                'position': 'relative',
                'marginBottom': '5px'       
            });
        } else {
                $('link[href=index.html]').add();
        }
    });
});

问题是它不起作用。不确定我是否写了 if 条件正确？有什么想法吗？

4

2 回答 2

2

你需要加上body引号：

if ($("body").width() < 480){
...
} else {
...
}

更多关于jQuery 选择器，特别是元素选择器。

于 2013-06-09T00:32:15.987 回答
0

正如查理指出的那样，您需要在body.

在你说小于或等于的问题中，因此你需要...width() <= 480) {...

此外，如果您的身体占据了屏幕的整个宽度，您也可以$(window).width使用$("body").width

于 2013-06-09T00:38:25.470 回答