jQuery mobile popup is not closing

Question

sorry for not supplying a fiddle, I can't get it set up there.

However, I use the following code to programatically open and close a popup. Only that it doesn't close and stays open. What am I doing wrong?

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.js"></script>

    <script>
    $(document).ready(function()
    {
        $("#initialpopup").popup("open");

        setTimeout(function()
        {
            $("#initialpopup").popup("close");
        }, 500);    

    });
    </script>
</head>
<body>

    <div data-role="page" data-theme="a" data-content-theme="c">

        <div data-role="popup" id="initialpopup" data-overlay-theme="a" data-theme="a">Foobar</div>


    </div>

</body>
</html>

Answer 1

you can try

$('#initialpopup').popup('open', {transition: 'pop'});
window.setTimeout('$("#initialpopup").popup("close");', 500);

jQuery mobile popup is not closing

Question

1 answers

solution1
1 2013-09-12 01:18:05

jQuery mobile popup is not closing

Question

1 answers

solution1 1 2013-09-12 01:18:05

solution1
1 2013-09-12 01:18:05