Как добавить анимацию при открытии Jquery SimpleModal? - PullRequest
Новая
       7

Как добавить анимацию при открытии Jquery SimpleModal?

0 голосов
/ 07 июня 2010

Пример с анимацией на сайте SimpleModal имеет следующую анимацию: 

1. Fade in the overlay
2. Slide down the modal div

Это код: 

$("#the-div").modal({
onOpen: function (dialog) {
    dialog.overlay.fadeIn('fast', function () {
        dialog.data.hide();
        dialog.container.show('fast', function () {
            dialog.data.slideDown('fast');
        });
    });
}});

Я хочу эту анимацию вместо: 

1. Just display the modal
2. Fade in the overlay

Увы, простое удаление 2-го параметра dialog.overlay.fadeIn() из приведенного выше кода не работает. Я также попытался удалить параметры dialog.container.show(), также изменив его на dialog.container.open(). Я пробовал другие комбинации кода, но безрезультатно.

Как мне добиться желаемой анимации?

1 Ответ

3 голосов
/ 07 июня 2010

Вы можете сделать это так: 

$("#the-div").modal({
  onOpen: function (dialog) {
    dialog.data.show();
    dialog.container.show();
    dialog.overlay.fadeIn('fast');
  }
});

Поскольку вы просто хотите отобразить его, полностью удалите обратные вызовы и просто покажите modal и одновременно включите .fadeIn() на оверлее:)

...