如何使用 jquery mobile 为两个连续的弹出窗口设置动画？

【问题标题】：how to animate two continuous popup windows with jquery mobile?如何使用 jquery mobile 为两个连续的弹出窗口设置动画？
【发布时间】：2013-12-27 23:22:24
【问题描述】：

我想用jquery mobile做的是当我在第一个弹出窗口上单击一个按钮时，第一个弹出窗口将以翻转动画消失，之后第二个弹出窗口将以相同的动画出现。我尝试在事件监听器中使用它：

$("#div_first").popup("close");
$("#div_second").popup("open");

第一个弹出窗口确实消失了。但是第二个弹出窗口没有弹出。如何使用移动 jquery 做到这一点？谢谢！

【问题讨论】：

标签： javascript jquery-mobile popup

【解决方案1】：

一旦当前弹出窗口关闭popupafterclose，您需要调用下一个popup。此外，data-history="false" 弹出 div 也很重要，以免在历史中回到以前的活动。

$("#pop1").popup("open", {             /* open first popup */
    positionTo: "window",
    transition: "flip"
}).on("popupafterclose", function () { /* open second popup */
     $("#pop2").popup("open", {
       positionTo: "window",
       transition: "flip",
       reverse: true                   /* optional for reverse effect */
   });
});

Demo

【讨论】：