【问题标题】：jquery mobile popup dialog: Cannot read property 'is' of undefinedjquery移动弹出对话框：无法读取未定义的属性'is'
【发布时间】：2017-02-01 16:29:40
【问题描述】：

我正在尝试使用 jquery 打开对话框。我已使用链接按照说明进行操作：http://demos.jquerymobile.com/1.2.0/docs/pages/popup/index.html

代码如下：对话框

    <div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" style="max-width:400px;" class="ui-corner-all">
        <div data-role="header" data-theme="a" class="ui-corner-top">
            <h1>Delete Page?</h1>
        </div>
        <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
            <h3 class="ui-title">Are you sure you want to delete this page?</h3>
            <p>This action cannot be undone.</p>
            <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">Cancel</a>
            <a href="#" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b">Delete</a>
        </div>
    </div>

关于jquery ready函数，尝试通过代码打开： $("#popupDialog").popup(); $("#popupDialog").popup("open");

getting error

不知道出了什么问题，也找不到任何帮助！！！

【问题讨论】：

您是否尝试过在没有所有额外内容的情况下制作一个非常基本的弹出窗口？如果您可以让一个非常基本的精简弹出窗口正常工作，然后逐渐开始向其中添加内容。
当我使用超链接打开弹出窗口时它可以工作。好的，我会先尝试打开基本弹出窗口
与我使用以下代码的基本弹出相同：打开弹出窗口

这是一个完全基本的弹出窗口，没有设置选项。

但是使用以下代码会产生相同的错误 $().ready(function () { $("#popupBasic" ).popup(); $("#popupBasic").popup("open")});
尝试将'document'放在第一个括号中，这将确保在运行此脚本之前所有HTML都已完全加载。

标签： javascript jquery html css jquery-mobile

【解决方案1】：

在 jQM pageshow 事件而不是 jQuery 就绪事件上打开弹出窗口：

API：http://api.jquerymobile.com/1.3/pageshow/

$(document).on("pageshow","#page1", function(){ 
  $("#popupDialog").popup("open");
});

DEMO

【讨论】：

感谢您的回复，但没有成功。因为我希望我的弹出窗口在完成 Ajax 调用后打开，所以它工作正常。我只是在页面加载时检查我的弹出窗口。