使用jquery更改css值

Question

我希望使用jQuery来更改两个CSS值。 我需要动态调整Youtube视频iframe的宽度和高度 然后用户调整浏览器窗口的大小。

这是我的代码：

function resizeWP( width, height ) {
$( "#1" ).text( "RESIZING webpage" );

var layer_width = $( "#red" ).width();
var layer_height = $( "#red" ).height();
var string_width = layer_width.toString();
var string_height = layer_height.toString();
$("#2").text(string_width);
$("#3").text(string_height);

$("iframe").css({"width":"1250px","height":"800px"});
}

$( window ).resize(function() {
resizeWP();
});

我快到了。 只需要一些帮助来超越顶部。 提前谢谢。

Answer 1

将$("iframe").css({"width":"1250px","height":"800px"});更改为$("iframe").css({"width": layer_width + "px","height": layer_height + "px"});。

然而，用CSS做这件事会更好。

我希望我能正确理解你。