使用jquery改變div寬度大小

我在網站的右側有一個大約200px寬度大小的div。使用jquery改變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減少右邊欄的大小。

我嘗試了很多方法從這裏，但它沒有奏效。

感謝您閱讀我的問題，我希望這可以幫助像我一樣的問題的其他觀衆。

來源

2012-04-12 james

你改變高度在你的代碼不寬。必須是拼寫錯誤 – Ghokun 2012-04-12 20:46:50

也許你應該試試用'$（window）.height（）'來調整div的高度到窗口的高度而不是窗口的寬度....'$（「＃right_timeline_div」）.css（「height 「，$（window）.height（） - 50）;' – Dutchie432 2012-04-12 20:46:55

@Ghokun對不起，這是一個錯字 – james 2012-04-12 20:48:16

嘗試增加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); 
}

來源

2012-04-12 20:49:50 Dutchie432

謝謝！有用！ – james 2012-04-12 21:18:32

使用jquery改變div寬度大小

回答

相關問題