创建2个弹出窗口'；在jquery mobile中以编程方式（从第一个弹出窗口调用第二个弹出窗口）

我需要以编程方式创建2个弹出窗口，每个弹出窗口应该包含一个输入框、一个OK按钮和一个CANCEL按钮

单击第一个弹出窗口OK按钮后，我必须弹出第二个弹出窗口

我是jquery手机的新手，我查阅了很多文档，但没有找到正确的方法

我试着这样做。但是没有起作用

var $popUp = $("<div/>").popup({
        dismissible : false,
        theme : "a",
        overlyaTheme : "a",
        transition : "pop"
    }).bind("popupafterclose", function() {
                    //remove the popup when closing
        $(this).remove();
    });

var$popUp=$（“”）。popUp({
可驳回：错误，
主题：“a”，
超主题：“a”，
过渡：“流行音乐”
}).bind（“popupafterclose”，函数（）{
//关闭时删除弹出窗口
$（this.remove（）；
});

我如何在我的js文件中完成它

---

谢谢：）。

2个POPU不能同时激活

这里有一个变通方法，下面是我的老例子：

---

基本上，如果你想打开第二个弹出窗口，你必须关闭第一个。这就是为什么我们需要setTimeout在第一个弹出窗口关闭后运行第二个弹出窗口。

您的弹出窗口会让您丧命，请改用dialog:p抱歉，我把您和另一个用户混在一起了。@Omar我怎么做？。你能帮个忙吗？你几乎完成了上面的代码。关闭第一个弹出窗口后，创建另一个弹出窗口并打开它。感谢您的回答，它正在工作。尽管我已经定义了原点的位置，但这两个弹出窗口都定位到窗口。我已经更新了我的答案，这就是在弹出（“打开”）函数中使用positionTo的方式。也可以使用属性的数据位置，但不能使用坐标。

$(document).on('pagebeforeshow','#index',function(e,data){    
    $('#test-button').on('click', function(e) {
        $('#MyFirstPopup').popup('open', {x : 100, y : 500, positionTo : 'origin'});
    });    

     $('#popup-button').on('click', function(e) {
         setTimeout(function(){$('#MySecondPopup').popup('open', {x : 100, y : 100, positionTo : 'origin'});},100)
         $('#MyFirstPopup').popup('close');
    });
});