用jQuery顯示/隱藏div的大小？

-2

我試圖在頁面低於某個屏幕寬度時隱藏我的頁面上的div，然後在瀏覽器重新調整到斷點以上時再次顯示它。用jQuery顯示/隱藏div的大小？

我正在使用我在網上找到的腳本，它工作得很好，但斷點似乎沒有正常工作。如果屏幕低於768像素，並且顯示其高於768像素，但由於某種原因，而不是784像素，則將div設置爲隱藏。

這裏是代碼我使用：

$(document).ready(function() 
{ 
    //window 
    var $window = $(window); 

    //display nav 
    var displayNav = true; 

    //on resize get widths 
    getWidths(); 
    $window.resize(getWidths); 

    //set width of content to the needed widths 
    function getWidths() 
    { 
     var browserWidth = $window.width(); 

     if ((browserWidth <= 768) && (displayNav == true)) 
     { 
      displayNav = false; 
      toggleNav(); 
     } 
     else if ((browserWidth > 768) && (displayNav == false)) 
     { 
      displayNav = true; 
      toggleNav(); 
     } 
    } 

    //toggle nav 
    function toggleNav() 
    { 
     $(".secondaryNav").toggle(); 
    } 
});

任何想法？謝謝！

來源

2014-01-29 APAD1

你甚至不需要jQuery這個。您可以使用[媒體查詢]（https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries） – kei

媒體查詢將不起作用，因爲DIV在調整大小時不會隱藏/顯示瀏覽器窗口。我絕對需要這個jQuery。 – APAD1

@ APAD1這是媒體所要求的查詢。在調整瀏覽器大小時，它會根據媒體查詢調整樣式。 – user2687646

Straight CSS bro。

@media all and (min-width: 768px) { 
    .secondaryNav { 
     display: none; 
    } 
}

來源

2014-01-29 18:14:18 user2687646

閱讀以上評論。 – APAD1

用jQuery顯示/隱藏div的大小？

回答

相關問題