Question

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

正常通话是这样的：

$( "#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" );

Answer 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

在没有DIV的情况下调用jQuery Mobile Popup

1 个答案: