2

我使用最新版本的 jQuery mobile 和 PhoneGap创建了一个简单的按钮和相应的弹出窗口，如http://view.jquerymobile.com/1.3.0/docs/widgets/popup/上的示例所示。到目前为止一切正常。

作为下一步，我喜欢动态创建按钮和相应的弹出窗口。在页面可见之前，我在以下代码块中这样做：

$(document).one("pagebeforechange", function () {
...
})

将按钮和弹出窗口添加到我的页面后，我只能以错误的格式查看它们并且没有用户交互。弹出窗口的内容也始终可见。我使用过（如在静态上下文中）：

("#element").html(
"<a id=\"popupButton\" href=\"#popupImage\" data-rel=\"popup\" data-role=\"button\" data-inline=\"true\" data-transition=\"pop\">" +
"    <img src=\"img.jpg\" />" +
"</a>" +
"<div data-role=\"popup\" id=\"popupImage\">" +
"    <img src=\"img.jpg\"/>" +
"</div>");

我注意到页面的某些元素没有生成，主要是页面中缺少以下标签：

<div id="popupImage-screen" class="ui-screen-hidden" ... >

在静态环境中，按钮和弹出窗口都添加了许多属性。动态执行此操作，缺少属性。

创建弹出窗口后，我尝试调用“popup（）”函数并尝试了按钮的一些类似功能，但没有帮助：

$("#popupImage").popup();

有人知道这里有什么问题吗？

提前非常感谢！史蒂芬

4

0 回答 0