Почему я не могу установить высоту модального диалога?

Question

Почему я не могу установить высоту модального диалога?

0

У меня был 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>

Пожалуйста, дайте мне руку!

user2953208 14 дек. 2013, в 14:45

Источник

Теги:

jquery

modal-dialog

css

1 ответ

Ещё вопросы

A. Wolff · Accepted Answer · 2013-12-14T10-12-00.000Z

Думаю, вам нужно удалить лишние ':

$('#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
    });
});

Большое спасибо! Я не понял, что load () - async.Теперь это работает!