Question

我使用最新版本的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();

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

提前多多感谢！斯特芬

使用jQuery和PhoneGap动态弹出窗口

0 个答案: