jquery - 用jquery调整div宽度大小

Question

我在网站的右侧有一个大约 200 px 宽度大小的 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);
}