Question

I need a pop up dialog box for my jQuery mobile app. I found this plug in:

http://dev.jtsage.com/jQM-SimpleDialog/

Which is awesome — doing exactly what I need, but for one detail — it doesn’t work correctly on the Android browsers I tried it on (all I get is a blank screen.) I suspect that the developer only tested on iPhone (perhaps an iPhone user could confirm if it works or not.)

Does anyone know of either a fix, or an alternative plug in that does the same sort of thing?

Answer 1

If you are simply displaying information (no need for callback/response events) you can create a popup in this manner:

<script type="text/javascript">
$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1><strong>Thank you, we have received your information.</strong></h1></div>")
    .css({ "display":"block", "opacity":0.96, "top": $(window).scrollTop() + 100 })
    .appendTo( $("body") )
    .delay( 2500 )
    .fadeOut( 400, function(){
        $(this).remove();
    });
</script>