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

Question

我需要以编程方式创建 2 个弹出窗口，每个弹出窗口应包含一个输入框和一个确定按钮和一个取消按钮。

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

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

我试着做这样的事情。但没有奏效。

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

我怎样才能在我的js文件中做到这一点？

谢谢：）。

Answer 1

2 Popus can not be active at the same time.

There's a workaround, and here's my old example: http://jsfiddle.net/Gajotres/8Arrt/

$(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');
    });
});

Basically if you want to open second popup you must close the first one. That's why we need setTimeout to opet second popup after the first one has been closed.