窗口寬度和調整大小

我想計算圖標的數量，例如50px取決於菜單窗口的寬度。於是我開始：窗口寬度和調整大小

$(window).width();

在加載與文檔準備功能的頁面寬度將被給予。好！

現在我會在調整窗口大小的同時計算出適量的圖標。

$(window).resize(function() { //resize just happened, pixels changed });

任務

窗口的初始寬度 - >如果用戶不調整窗口大小
窗口的可變寬度 - >如果用戶是在調整大小的窗口

每個任務都在運行，但我不把它放在一起。

你能幫我嗎 - > THX !!

我如何計算具有窗口初始寬度和調整窗口大小的圖標數量？

我開始：

var activeItemcount; 

       checkWidth(); 
       $(window).resize(checkWidth); 

        function checkWidth() { 
         windowSize = $(window).width(); 
         // console.log(windowSize); 

         var activeItemWidth = '100';       // width of the icons 
         var maxWidth = windowSize;        // max div width on screen 
         activeItemcount = maxWidth/activeItemWidth;   // max icon with actual screen width 
         activeItemcount = Math.round(activeItemcount) -1;  // calculation 
          console.log(activeItemcount); 


        var i = '0'; 

        $('.platform-view').each(function(){ 
          if(i < activeItemcount){ 
          $(this).wrapAll('<div class="iconview-1" />'); 
          i++; 
          }else{ 
           $(this).wrapAll('<div class="iconview-2" />'); 

          } 




        }); 


        };

來源

2012-12-31 meck373

所以有什麼問題嗎？ – kennypu

如果你需要一個個人程序員，這是** NOT **尋找一個合適的地方。 – Joseph

要增加約瑟夫所說的話，張貼你已經嘗試過的代碼，以及你遇到麻煩的地方是什麼。 – ryadavilli

將您計算到其自身的功能：

function calculateIcons() 
{ 
    var viewport = { width: $(window).width(), height: $(window).height() }; 
    // Do cool things with viewport.width 
}

然後如下，你可以簡單地綁定此功能可將domready中和resize功能jQuery的：

$(calculateIcons); 
$(window).resize(calculateIcons);

來源

2012-12-31 09:26:19 BenM

非常接近！如果我在calculateIcons函數中編寫console.log，它正是我想要的。我如何從可訪問的函數中獲取變量。 – meck373

爲什麼在功能之外需要它？你想在函數外部使用哪個變量？ – BenM

我沒有清楚地告訴你。但這段代碼將在調整大小時返回窗口的可變寬度。

Jquery的： $（窗口）.resize（函數（）{

$('#log').append('<div>'+$(window).width()+'</div>');

}）;

HTML：

例子： A sample of the code

來源

2012-12-31 09:31:52 Nemesis

使用窗口調整初始寬度爲0或null。如果用戶沒有調整窗口大小，則不會顯示圖標。要麼？ – meck373

窗口寬度和調整大小

回答

相關問題