jquery - Jquery UI DIV 自动调整大小

Question

我正在使用 JQUERY UI LIBRARY，并且我有简单的 JQUERY 命令

$(".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，但是不行，大小差不多350px。在 div1 里面我有另一个 div，div 的宽度是 500px。那么，如何更改 div1 的宽度以查看 vindow 上的所有内容？我检查了 jquery-ui.min，没有找到关于宽度的信息。可能我需要编写额外的命令吗？提前致谢！

Answer 1

您width可以在对话框默认选项中选择

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

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