Reszing div Breite Größe mit jquery

Question

Ich habe eine etwa 200 px Breite div auf der rechten Seite der Website.

Es ist wie Facebook Chat-Box, die aktuelle Timeline bereitstellen. Hier

ist der Code, den ich verwende, um html div

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

Mein Code nur schrumpfen bestimmte Größe von div zu ändern.

Ich möchte die div Breite Größe ändern, wenn der Browser kleiner wird.

Sagen wir, wenn der Browser 1200px breit ist, dann möchte ich die rechte Seitenleiste mit jquery verkleinern.

Ich habe viele Methoden von hier versucht, aber es hat nicht funktioniert.

Vielen Dank für das Lesen meiner Frage, ich hoffe, dies hilft anderen Zuschauern, die dasselbe Problem haben wie ich.

Answer 1

Try px wie in

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

oder das Hinzufügen von:

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

So ...

$(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); 
}