Question

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

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

我希望当浏览器获得960px时，此导航按钮会隐藏淡出效果。我的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);
       } 
     }
});

这样的事情应该有效

使用jQuery（长度选项）隐藏div无法正常工作

1 个答案: