Jquery UI DIV自动调整大小

Question

我正在使用JQUERY UI LIBRARY，我有简单的JQUERY COMMAND

$(".div1").dialog({ autoOpen: false });

$(".link1").click(
    function () {
        $(".div1").dialog('open');
        $(".div1").css("width", "500px");
        return false;
    }
);

.table   {width:500px}

<div class="div1" title="New Vindow">
   <div class="table">
   </div>
</div>

当我点击link1时，会打开一个新的vindow DIV1。没关系。但我可以注意给这个vindow宽度。上面我写了500px，但它不起作用，大小差不多350像素。在div1里面我有另一个div，div的宽度是500px。那么，如何更改div1的宽度以查看vindow上的所有内容？我检查了jquery-ui.min，没有找到宽度。可能我需要写额外的命令？提前谢谢！

Answer 1

dialog default options

中有width个选项

$(".div1").dialog({   width: 500; });

$(".div1").dialog('open');