Javascript 如何在Jquery SimpleModel打开时添加动画？

SimpleModel站点中启用动画的示例具有以下动画：

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

唉，仅仅从上面的代码中删除dialog.overlay.fadeIn（）的第二个参数是行不通的。我还尝试删除

dialog.container.show（）

的参数，并将其更改为

dialog.container.open（）

。我尝试过其他代码组合，但没有效果

---

如何实现我想要的动画？

您可以这样做：

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

---

因为您只想显示它，所以完全删除回调，只需显示

模式

，同时在覆盖上启动：）

您可以这样做：

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

---

因为您只想显示它，所以完全删除回调，只需显示

模式

，同时在覆盖上启动一个：）

@Obay:看起来像

对话框。默认情况下，数据

也是隐藏的，答案已更新，再给它一次机会：）@Obay:它是模式内元素的引用，其中，

.container

指的是包装它的

（SimpleModel创建的），它在那里用于显示、定位等@Obay:看起来像是

对话框。默认情况下，数据也会隐藏，答案会更新，再给它一次机会：）@Obay:它是模态中元素的引用，其中，
.container
指的是包装它的
（SimpleModel创建的），它用于显示、定位等。