Jquery mobile 添加具有增强内容的动态弹出窗口

我正在尝试向我的页面动态添加一个弹出窗口，其中包含漂亮的JQM内容（按钮等）。已添加弹出窗口，但未应用任何样式

下面是代码（不太长，所以我在这里复制）：

标题
代码示例

弹出标题
一些内容

$（文档）.ready（函数（）{
$（'#添加'）。绑定（'单击'，函数（ev）{
变量
页码=$（“#页码”）；
变量
popup=$（''）.appendTo（第页）
，标题=$（“弹出标题”）。附加到（弹出）
，content=$（“某些内容”
）.appendTo（弹出窗口）；
popup.popup（）；
});
});

有一个版本，用来玩它

因此，如果我单击显示静态弹出窗口，它会很好地显示标题，但是如果我单击添加弹出窗口，而不是使用显示动态弹出窗口显示新添加的弹出窗口，弹出窗口的内容看起来就不同了。（使用chrome）

---

所以问题是：如何增强动态添加的弹出内容？

您必须重新绘制动态添加的内容。为此，添加

page.page（'destroy'）.page（）在
popup.popup（）之后

工作示例：
我找到了解决方案，您可以插入与内容相同级别的弹出窗口，例如

<div data-role="page" >
  <div data-role="content" ></div>
  <div data-role="popup"></div>
</div>

请记住，当您在主页中声明一些弹出窗口时，它与内容的级别不同。JQM会自动将弹出窗口放在这个位置，不会产生问题。
Nice。谢谢。你认为这符合逻辑吗？我的观点是，
popup（）
应该增强内容，但也许我错了，我刚开始玩JQM
也应该工作，但在这种情况下，我不知道为什么它不工作。
<div data-role="page" >
  <div data-role="content" ></div>
  <div data-role="popup"></div>
</div>

$('#page').append(response).trigger('create');

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