JQuery UI диалоговое окно пустого содержимого в IE

Question

отлично работает в FF, safari и Chrome.

Когда я вызываю функцию .dialog (), появляется диалоговое окно, но в нем есть пустое содержимое, которое не должно быть пустым.У него есть некоторые текстовые поля, метки и т. Д.

Что могло вызвать это?

Answer 1

нашел решение. Оказывается, это проблема CSS, что div установлен на видимость: скрыто в моем IE CSS. лол. все равно спасибо!

Answer 2

Полагаю, вы уже не работаете с IE6? ЛОЛ! Ну, но это может быть полезно для других.

Странно, я гуглял, чтобы проверить решения, когда в диалоговом окне jquery есть пустой контент, а ваша запись появилась в качестве первой ссылки. Возможно, этот ответ поможет людям с пустым содержимым, отображаемым в диалоговом окне jquery:

В моем случае у меня была ссылка для вызова функции, которая вызывает диалог jquery:

<a href="javascript:showMyDialog()">Show dialog</a>

Проблема в том, что мы закрываем и снова открываем ссылку, и содержимое кажется пустым (странно). Третий, четвертый ... раз, когда мы нажимаем одну и ту же ссылку, содержимое снова отображается правильно в диалоге.

Мне удалось решить проблему, уничтожив диалог и динамически создав новый.

function showMyDialog(){
$('<div id="jq_my_dialog">').html("<p>my content here will never be missing again!</p>")
            .dialog({
                title: 'Hello Stackoverflow',
                show: 'fade',
                hide: 'fade',
                minWidth: 400,
                width: 400,
                modal: true,
                close: function (event, ui) {
                    $(this).dialog('destroy').empty();
                    $('#jq_my_dialog').remove();
                }
            });
}

используются следующие версии:

<script type="text/javascript" src="/Scripts/jquery-1.6.4.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.16.js" ></script>

Answer 3

Снять отметку представление совместимости в инструментах Internet Explorer.

Answer 4

Это происходит время от времени, по крайней мере, в IE6. Проверьте настройку zoom: 1 на различных элементах, которые обычно ее решают. Приятно то, что, несмотря на то, что эта ошибка выглядит случайной, она обычно довольно воспроизводима, поэтому вы можете проверить, когда ее решили.