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

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

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

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

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

var $popUp = $("
").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在第一个弹出窗口关闭后打开第二个弹出窗口。