Question

Im using JQueryMobile 1.2.0.

I want to show popup programmatically, so I have the following:

$('#btn').on('click',function(){
    alert('this is ok');
    $('#popupBasic').popup();

});

In a JQM page:

<div data-role="popup" id="popupBasic">
    <p>This is a completely basic popup, no options set.<p>
</div>

But the popup did not show up. Any fix on this? Thanks

Answer 1

Opening a popup in jQueryMobile requires you to either

1. Call the open method with $('#popupBasic').popup("open");
2. Simply navigate to it with an hyperlink such as <a href="#popupBasic" data-rel="popup" data-transition="slidedown" >Slide down the popup</a>