使用 jQuery 隐藏 div（长度选项）不起作用答案

【问题标题】：Hide div with jQuery (length option) not working使用 jQuery 隐藏 div（长度选项）不起作用
【发布时间】：2012-04-15 13:39:08
【问题描述】：

我正在使用 Drupal 7.0 和 Galleria Javascript Image Gallery（全屏主题）。我的主题有 2 个导航按钮。这是css代码：

.galleria-image-nav {
  height: 159px;
  opacity: 0.8;
  position: fixed;
  right: 0;
  top: 65%;
  width: 82px;
  z-index: 11000;
}

我希望当浏览器达到 960 像素时，此导航按钮会以淡出效果隐藏。还有我的js代码：

if ( $(".galleria-image-nav").length > 0 ) {
  if ( w_width < 960 ) {
    $(".galleria-image-nav").fadeOut(400);
  } else {
    $(".galleria-image-nav").fadeIn(400);
  }
}

但是这个功能不起作用。什么问题？谢谢。（对不起我的英语。）

【问题讨论】：

w_width 是如何设置的？浏览器宽度是否正确？
正如@DzikiMarian 所说，如果你可以发布这个'if'所在的函数会更容易。

标签： jquery css drupal

【解决方案1】：

$(window).resize(function() {
  if ( $(".galleria-image-nav").length > 0 ) {
     if ( $(window).width() < 960 ) {
       $(".galleria-image-nav").fadeOut(400);
       }
     else {
       $(".galleria-image-nav").fadeIn(400);
       } 
     }
});

类似的东西应该可以工作

【讨论】：