Question

我有一个div：

<div id="mydiv" style="height:900px;display:none"></div>

我做了一个模态对话：

$("#mydiv").load("./d3present.html").dialog({ 
    width: 600,height:500,draggable: false}); 
  $('#mydiv').dialog('options',"height",900);

但是，我无法为对话框设置高度900px，出了什么问题？

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-resizable" style="position: absolute; height: auto; width: 600px; top: 648px; left: 327.5px; display: block;" tabindex="-1" role="dialog" aria-describedby="mydiv" aria-labelledby="ui-id-1"

如上所示，高度仍然是自动的。

我正在使用jquery：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

请帮我一把！

Answer 1

我想你需要删除额外的's'：

$('#mydiv').dialog('option',"height",900);

仅供参考，load（）是异步的，似乎更好的是在load（）方法内完成回调初始化对话框插件。

$("#mydiv").load("./d3present.html", function () {
    $(this).dialog({
        width: 600,
        /*height: 500,*/ //if height depends of content, you should remove it
        draggable: false
    });
});

为什么我不能设置模态对话框的高度？

1 个答案: