jquery-mobile - Jquery 移动弹出窗口在本地文件中不起作用

Question

他们在 jquery 文档中描述的 jquery 移动弹出窗口不适用于我的本地文件。我在本地运行的文件是否有任何问题。我只包含了 jquery mobile css、js 和 jquery js，任何需要包含的额外内容请咨询。

代码：

<a href="#popupBasic" data-rel="popup">Open Popup</a>

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

Answer 1

你的代码工作得很好。确保按照以下顺序导入库。大括号内提到了我曾经检查过的版本。

1. jQuery（最好是 1.9.1）
2. jQuery 移动 (1.3.x)
3. 您的自定义 js 文件

这是一个例子Live fiddle。

<a href="#popupBasic" data-rel="popup">Open Popup</a>

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

Answer 2

您正在尝试使用仅在 jQuery Mobile 1.2 Alpha 中可用的功能。确保在包含 jQuery 后已包含此库。