用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"); 
});