无法以编程方式打开jQuery Mobile PopUp

Question

I am trying to open up a jQuery Mobile popup.

Here's what I have:

        <div data-role="popup" class="ui-content" id="popupSave">
            <p>Comment saved.</p>
        </div>

And later on in some code, which gets executed, I have this:

$('#popupSave').popup("open");

So why is my popup not... well, popping up?

Answer 1

try this

$('#popupSave').popup();
$('#popupSave').popup('open');

example: https://jsfiddle.net/mohamed_badr/fy2quhzd/1/

Answer 2

Found the actual solution.

setTimeout( function(){ $( '#popupSave' ).popup( 'open' ) }, 1 );

I'm guessing there's an error with Chrome like there is for other jQuery events.

I'll try to add it to my answer later on when I find out what it is - I had another issue like this with showing a mobile spinner.