使用jquery改变div宽度大小

Question

我在网站的右侧有一个大约200px宽度大小的div。

这就像提供最近时间表的Facebook聊天框。

这里是我使用的调整HTML DIV

$(document).ready(function() 
{ 
    $("#right_timeline_div").css("width", $(window).width() - 1200); 
}); 
$(window).resize(function() 
{ 
    $("#right_timeline_div").css("width", $(window).width() - 1200); 
}); 

我的代码只能收缩的div一定规模的代码。

我想在浏览器变小时更改div宽度大小。

假设浏览器的宽度是1200px，那么我想用jquery减少右边栏的大小。

我尝试了很多方法从这里，但它没有奏效。

感谢您阅读我的问题，我希望这可以帮助像我一样的问题的其他观众。

Answer 1

尝试增加px在

var newSize = $(window).width() - 1200; 
$("#right_timeline_div").css("width", newSize + 'px'); 

或：

$("#right_timeline_div").width(newSize); 

所以......

$(document).ready(function(){Resize_right_timeline();}); 
$(window).resize(function(){Resize_right_timeline();}); 

functiuon Resize_right_timeline(){ 
    var newSize = $(window).width() - 1200; 
    $("#right_timeline_div").css("width", newSize + 'px'); 
    //      Add This---------------^ 

    //OR: 
    //$("#right_timeline_div").width(newSize); 
}