Диалог пользовательского интерфейса jQuery () проблема с исчезновением

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

Я пытаюсь использовать диалоговое окно пользовательского интерфейса jQuery, но не могу понять, как сделать его 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).

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


jquery jquery-ui jquery-dialog
person 1252748    schedule 03.04.2012    source источник
comment
В вашем примере есть и modal: false, и modal: true.   -  person Sparky    schedule 03.04.2012

Ответы (2)


arrow_upward
20
arrow_downward

Попробуй это:

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

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

person j08691    schedule 03.04.2012
comment
Оверлей не приходит гладко :) - person yakunins; 16.01.2013

arrow_upward
1
arrow_downward

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

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