Geek Answers Handbook

How to close a popup dialog and open another code?

I close the popup dialog and follow the opening of another popup, for example:

$( "#iece" ).popup( "close" ); $( "#popupMatricula" ).popup( "open" );

I am also trying:

  $(function() { $( "#iece" ).bind({ popupafterclose: function(event, ui) { $( "#popupMatricula" ).popup( "open" ); } }); });

But #popupMatricula never opens.

+3
source share
3 answers

In newer versions of JQM fixed!

to open a popup you need to close any open first and then bind the opening of another like this to the popupafterclose event!

  $("#loading_popup").on("popupafterclose", function () { //any action you want like opening another popup onloadpopupOpen(); })

Happy coding!

+4
source

I saw that the popup always needs some delay if not open directly with the link ... see this working example

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>popup</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <meta http-equiv="Content-Type" content="text/html; charset= ISO-8859-5"> </head> <body> <div data-role="page" id="myPage"> <div data-role="content"> <h1>Popup</h1> <div data-role="popup" id="popupBasic"> <p>This is a completely basic popup, no options set.</p> </div> <div data-role="popup" id="popupMatricula"> <p>This is the Matricula popup.</p> </div> </div> <script> $(document).bind('pageinit', function() { setTimeout(function(){ $("#popupBasic").popup(); $("#popupBasic").popup("open"); }, 100); setTimeout(function(){ $("#popupBasic").popup("close"); }, 3000); setTimeout(function(){ $("#popupMatricula").popup(); $("#popupMatricula").popup("open"); }, 3100); }); </script> </div> </body> </html>

EDIT : A short delay is needed for Firefox, but not for Chrome and Android browsers, as @Jasper is checked here

+6
source

To open another popup, closing the preview. I am using the popupafterclose event.

 $(".selector").on("popupafterclose", function () { //any action you want like opening another popup setTimeout(function() { $('#popup').popup('open'); }, 100); });

Based on Taifun Solution

0
source

More articles:


All Articles