我可以在HTML5全屏上使用jQuery UI对话框吗？

我一直在开发一个web应用程序，其中包括使用GoogleMapsAPI显示一个区域的地图，并用图钉标记感兴趣的点。当用户单击pin时，应用程序使用jQuery UI对话框在对话框中显示有关单击pin的信息

后来，我决定最好有一个按钮，用户可以点击它使地图全屏显示。这对于地图来说没有问题，但是当用户单击pin时，除非他退出全屏模式，否则他无法看到对话框

这大概是因为保存对话框的div位于保存映射的全屏div之外。我尝试将保存对话框的div移动到保存地图的div中，但也不起作用；显然，jQueryUI将div移动到文档的末尾

---

有没有一种实用的方法可以让jQueryUI对话框在HTML5全屏上运行良好？我在其他网站上看到过关于这个问题的其他帖子，但我没有找到令人满意的答案。

默认情况下，插件会将对话框附加到正文的末尾，这样做的副作用是将对话框从您放置的位置移除

使用.dialog选项，可以覆盖此行为：

$( "#yourDialog" ).dialog({
    appendTo: "#parentElement"
});

---

其中parentElement是全屏设置的元素。

我刚刚尝试了这个，但它不起作用。我尝试在fullscreen元素内部和外部使用dialog div执行此操作，但通过调试仍然可以看到对话框被附加到文档末尾。我可能做错了什么？再翻一翻，我发现了一些对我有用的东西：我使用jQuery.ui dialog.appendTo.parentElement跟随.dialog'open'语句