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