javascript - jQuery:FireFox 3.0.1 中的宽度和高度未更改

Question

我目前正在使用 jQuery 用户界面来调整 DIV 的大小，并调整 DIV 内的 YouTube 视频的大小。

http://jimenglandweb.com/projects/jquery/instancecontainer.html

当调整包含的 DIV 大小时，YouTube 视频也应随之调整:

 $("#instanceContent").resizable({
        maxWidth: 425,  maxHeight: 344,
        minWidth: 213,  minHeight: 173,

        resize: function(e, ui) {
            $("#youtubes").width(ui.size.width-5);
            $("#youtubes").height(ui.size.height-5);
        }
    });

这在 Google Chrome 中工作正常，但在 FireFox 中存在问题。问题出在 .width 和 .height 上。有谁知道 1) 为什么这不起作用以及 2) 是否有解决方案？

Answer 1

试试这个:

$("#instanceContent").resizable({
    maxWidth: 425,  maxHeight: 344,
    minWidth: 213,  minHeight: 173,

    resize: function(e, ui) {
        $("#youtubes").css({
            width : (ui.size.width - 5),
            height : (ui.size.height - 5)
        });
    }
 });