如何使用jquery在移动设备上隐藏元素？

Question

在索引页的脚本标签中，我有：

if ($(window).width() < 700px){
  $('container').hide();
}

在我的控制台中，我收到一个

未捕获的SyntaxError：无效或意外的输入

Answer 1

您的代码中有两个问题。首先，700 px不是有效的表达式。可能是用引号引起来使它成为一个字符串，但是对于<运算符，它不起作用（如您期望的那样）。当width()方法返回整数时，只需将其与700进行比较即可。

第二，container不是有效的选择器，因为HTML中没有<container />元素。我认为这应该是id或class选择器，而您错过了#或.前缀。

if ($(window).width() < 700) {
  $('#container').hide(); // or .container, maybe?
}

[However，如果要使页面的布局响应显示宽度，则不应该使用JS。改用CSS媒体查询：

@media (max-width: 700px) { 
  #container {
    display: none;
  }
}