диалоговое окно jQuery UI () исчезает

Question

jsFiddle: http://jsfiddle.net/loren_hibbard/ChXbr/

Я пытаюсь использовать диалоговое окно jQuery UI, но не могу понять, как сделать его fadeIn, когда оно появляется, и fadeOut, когда оно закрыто.

Если я сделаю что-то подобное ...

// Dialog           
$('#dialog').dialog({
   autoOpen: false,
   width: 600,
   modal: true,
   show: 'fadeIn(300)'
});

... затем модальный вид скользит с этим странным эффектом jQuery, когда весь текст внутри постоянно корректирует выравнивание и форматирование. Я хотел бы просто нормальное затухание, при котором контент плавно материализуется (http://www.bennadel.com/resources/presentations/jquery/demo5/index.htm).

Кроме того, есть ли способ сделать модальное наложение немного темнее? И почему при удалении абзаца, казалось бы, несвязанного текста, модал перестает работать?

Answer 1

Попробуйте:

$("#dialog").dialog({
    autoOpen: false,
    show: {
        effect: 'fade',
        duration: 2000
    },
    hide: {
        effect: 'fade',
        duration: 1000
    }
});

Пример jsFiddle моего кода и jsFiddle , используя вашкод.Кстати, в вашем примере у вас есть модальное значение true и false.

Answer 2

Вы можете попробовать:

// Dialog           
$('#dialog').dialog({
   autoOpen: false,
   modal: false,
   width: 600,
   modal: true,
   show: function() {$(this).fadeIn(300);}
 });