用window.resize（）動態更改css（）

Question

如果你已經設置了一些規則，是否有任何改變塊的寬度與window.resize()？

比方說，我有一些寬度塊，並得到這個寬度與jQuery：

var $block_1_width = $(".block_1").width(); 

我需要另一個塊具有相同的寬度，作爲第一個。所以，我寫：

var $block_2 = $(".block_2"); 

$block_2.css("width", $block_1_width + "px"); 

如果我加載網頁，它會正常工作，但我希望他們能夠動態地保持相同的大小在任何窗口寬度當用戶改變頁面。所以，我嘗試：

$(window).resize(function() { 
    $block_2.css("width", $block_1_width + "px"); 
}); 

而事實並非如此。我知道，當我編寫$block_2.css("width", $block_1_width + "px")時，JQuery將內聯樣式設置爲$block_2。這是否意味着我不能用window.resize()覆蓋它？

Answer 1

您需要重新計算$block_1_width調整，像這樣經過：

$(window).resize(function() { 
    var $block_1_width = $(".block_1").width(); 
    $block_2.css("width", $block_1_width + "px"); 
});