jquery - 使用 jQuery 隐藏 div（长度选项）不起作用

Question

我正在使用 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);
  }
}

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

Answer 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);
       } 
     }
});​

像这样的东西应该工作