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

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

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

---

第一个弹出窗口确实消失了。但是，第二个弹出窗口没有弹出。如何使用移动jquery实现这一点？谢谢大家!

当前弹出窗口关闭后，需要调用next

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 */
   });
});