Проблем с jQuery UI dialog() fadeIn

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 ).

Също така, има ли начин да направите модалното наслагване малко по-тъмно? И как така, когато изтрия абзаца с привидно несвързан текст, модалът спира да работи?


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