У меня был 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>
Пожалуйста, дайте мне руку!
Думаю, вам нужно удалить лишние ':
$('#mydiv').dialog('option',"height",900);
FYI, load() является асинхронным, лучше, как представляется, инициализировать метод plug-in внутри load() полного обратного вызова.
$("#mydiv").load("./d3present.html", function () {
$(this).dialog({
width: 600,
/*height: 500,*/ //if height depends of content, you should remove it
draggable: false
});
});