Позиционирование диалогового окна JQuery прыгает вниз, когда указана позиция сверху

Я пытаюсь полностью расположить диалоговое окно jquery поверх всего левого угла. Мое определение диалога:

$('#my_dialog').dialog({
   autoOpen: false,
   resizable: false, 
   draggable: false,
   show: 'slide',
   hide: 'slide',
   position: {
     of: $(document),
     my: 'left top',
     at: 'left top',
     collision: 'none'
   }
   ...
});

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

РЕДАКТИРОВАТЬ: как я открываю диалоговое окно:

$('#my_dialog').parent().effect("bounce", {}, "fast");
$('#my_dialog').dialog('open');

javascript jquery jquery-ui jquery-dialog
person GGio    schedule 12.03.2013    source источник
comment
используя эффект отскока, а затем открыть диалоговое окно   -  person GGio    schedule 12.03.2013
comment
Почему не $('#my_dialog').dialog('open');?   -  person dfsq    schedule 12.03.2013
comment
я хочу, чтобы он подпрыгивал при открытии, это своего рода предупреждение   -  person GGio    schedule 12.03.2013
comment
Можете ли вы повторить это? jsfiddle.net/RYdbX   -  person dfsq    schedule 12.03.2013
comment
попробуйте запустить тот же js, когда окно длинное, а вы прокручиваете его посередине. Если диалоговое окно открывается, когда вы находитесь в середине экрана, оно открывается посередине, а не сверху.   -  person GGio    schedule 12.03.2013

Ответы (1)


arrow_upward
0
arrow_downward

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

$('#my_dialog').dialog('open');
$('#my_dialog').parent().effect("bounce", {}, "fast");
person Tony Dorie    schedule 12.03.2013