計算並設置一些div的高度（初始設置）。當瀏覽器窗口的高度改變時 - >改變div的高度

我需要計算並設置一些div的高度（初始設置）。當瀏覽器窗口的高度改變時 - >改變div的高度。計算並設置一些div的高度（初始設置）。當瀏覽器窗口的高度改變時 - >改變div的高度

如何將更好地重寫代碼（我想馬上做初始設置和更改它，當窗口大小調整）：

$(document).ready(function() { 
    var height = document.documentElement.clientHeight - 500; 
    if (height < 135) { 
     height = 135; 
    } 
    document.getElementById('left_space').style.height = height + 'px'; 

    $(window).resize(function() { 
     var height = document.documentElement.clientHeight - 500; 
     if (height < 135) 
     { 
      height = 135; 
     } 
     document.getElementById('left_space').style.height = height + 'px'; 
    }); 
});

來源

2013-07-04 Olena

你的問題不清楚，調整到什麼程度？如果你在做什麼，它應該工作得很好！ – CME64

如果你是純粹希望整理代碼，它可能是這個樣子：

$(document).ready(function() { 

    var resizeIt = function() { 
     var height = Math.max(document.documentElement.clientHeight - 500, 135); 
     $('#left_space').css('height', height + 'px'); 
    }; 

    resizeIt(); 

    $(window).resize(function() { 
     resizeIt(); 
    }); 
});

這裏我已經拉出了將高度設置爲自己的函數的代碼行，所以代碼不會重複。然後我利用了一些在jQuery中可用於查找和更改元素樣式的較短語法。

來源

2013-07-04 08:02:37

的是，你在找什麼？

api.jquery.com

jQuery(document).ready(function() { 

$(window).resize(function() { 
    var height = document.documentElement.clientHeight - 500; 
    if (height < 135) { 
     height = 135; 
    } 
    document.getElementById('left_space').style.height = height + 'px'; 

    jQuery(window).resize(function() { 
     var height = document.documentElement.clientHeight - 500; 
     if (height < 135) 
     { 
      height = 135; 
     } 
     document.getElementById('left_space').style.height = height + 'px'; 
    }); 

}); 


});

來源

2013-07-04 07:57:16 Pumpkinpro

我想的jQuery（窗口）.resize一個將是一件好事

來源

2013-07-04 07:58:16 Hitesh

計算並設置一些div的高度（初始設置）。當瀏覽器窗口的高度改變時 - >改變div的高度

回答

相關問題