在没有 DIV 的情况下调用 jQuery Mobile 弹出窗口

【问题标题】：Calling a jQuery Mobile Popup without a DIV在没有 DIV 的情况下调用 jQuery Mobile 弹出窗口
【发布时间】：2015-05-04 08:27:15
【问题描述】：

我想知道是否可以在没有 DIV 的情况下调用 jQuery Mobile 弹出窗口

正常的通话是这样的：

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

   

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

我们可以这样做吗：

 $( "<div><p>my popup</p> </div>" ).popup( "open" );

【问题讨论】：

标签： jquery jquery-mobile popup popupwindow

【解决方案1】：

您可以从代码动态创建弹出窗口。首先创建弹出元素并将其附加到页面。然后初始化弹出窗口小部件，并调用 open 方法。在下面的示例中，我还添加了 afterclose 回调，该回调会在弹出窗口关闭后销毁并删除它。

var pop = '<div id="myDynamicPopup"><p>my popup</p> </div>';        
$("#page1").append(pop);

$("#myDynamicPopup").popup({
    afterclose: function( event, ui ) {
        $("#myDynamicPopup").popup("destroy").remove();
    }
}).popup("open");

工作DEMO

【讨论】：