0

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()。コードの他の組み合わせを試しましたが、役に立ちませんでした。

希望するアニメーションを実現するにはどうすればよいですか?

4

1 に答える 1

3

あなたはこのようにそれを行うことができます：

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

表示したいだけなので、コールバックを完全に削除し、を表示しmodalて.fadeIn()同時にオーバーレイを開始します:)

于 2010-06-07T13:34:22.233 に答える