2012-04-15 40 views
2

我正在使用Drupal 7.0和Galleria Javascript圖片庫(全屏主題)。我的主題有2個導航按鈕。這是CSS代碼:隱藏div與jQuery(長度選項)不起作用

.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); 
    } 
} 

但是這個函數不起作用。什麼問題?謝謝。 (和抱歉,我的英語。)

+1

怎麼w_width設置?它是否獲得瀏覽器寬度corectlly? – DzikiMarian 2012-04-15 13:44:37

+2

@DzikiMarian說,如果你可以發佈這個'if'所在的函數,會更容易。 – DG3 2012-04-15 13:47:21

回答

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

類似的東西應該工作