如何以编程方式打开 jQuery 移动弹出窗口并在 5 秒后关闭它

Question

我想以编程方式打开一个 jQuery 移动弹出窗口，然后在几秒钟后将其关闭，这是我的代码：

有什么问题吗，因为我没有得到我想要显示的内容

$( "#p" ).popup( "open" ); 
setTimeout( function(){ $( "#p" ).popup( "close" ); }, 5000 );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>

<div data-role="popup" id="p" data-position-to="window" data-transition="turn"><p>This is a completely basic popup, no options set.</p></div>

JSFIDDLE DEMO

Answer 1

确保您的代码位于页面事件处理程序（如 pagecreate）中，以便 jQM 已初始化弹出窗口小部件：

<div data-role="page" id="page1">
     <div data-role="header">
        <h1>My page</h1> 
    </div>  
    <div role="main" class="ui-content">
        <button id="btnpopup">Show Dynamic Popup</button>
    </div> 

    <div data-role="popup" id="p" data-position-to="window" data-transition="turn"><p>This is a completely basic popup, no options set.</p></div>
</div>  

$(document).on("pagecreate","#page1", function(){ 
    $("#btnpopup").on("click", function(){
        $("#p").popup("open"); 
        setTimeout(function(){  $("#p").popup("close"); }, 5000);
    });
});

Working DEMO

Answer 2

其实很简单：

 $("#chatWindow").popup("open");

如何以编程方式打开 jQuery 移动弹出窗口并在 5 秒后关闭它

How to open a jQuery Mobile popup programmatically and close it after 5 seconds

html

javascript

popup

jquery-mobile