Question

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

点击第一个弹出的OK按钮，我必须启动第二个弹出窗口。

我是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无法同时处于活动状态。

有一种解决方法，这是我的旧例子：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');
    });
});

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

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

1 个答案: