响应式导航（jQuery）

Question

我正在创建一个响应式导航，让它正常工作;但我要做的是当屏幕宽度小于480或等于（#logo会使responsiveNav出现时）导航工作，否则链接将作为普通链接（{{1会带你回到#logo）这是代码：

index.html

问题在于它不起作用。不确定我是否写过if条件权利？有什么想法吗？

Answer 1

您需要将body放在引号中：

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

有关jQuery selectors的更多信息，特别是element selectors。

Answer 2

正如查理所指出的，你需要在body附近加上引号。

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

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