Question

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

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

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

Answer 1

当前弹出窗口关闭popup后，您需要拨打下一个popupafterclose。此外，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

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

1 个答案: