Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://babulina.go-nix.ca:8080/nix/jqm/popup.js"></script>
<link rel="stylesheet" href="http://babulina.go-nix.ca:8080/nix/jqm/css/themes/default/jquery.mobile.css" />
<div data-role="popup" id="thePopup">
  <p>This is a popup</p>
</div>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$( "#thePopup" ).popup();
$( ":mobile-popup" ).popup( "destroy" );

$( "#thePopup" ).popup2();
$( ":mobile-popup2" ).popup2( "destroy" );

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 comments