0

我一直在开发一个 Web 应用程序，除其他外，它使用 Google Maps API 显示带有“大头针”标记兴趣点的区域地图。当用户单击一个 pin 时，应用程序使用 jQuery-UI Dialog 在对话框中显示有关单击的 pin 的信息。

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

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

有没有一种实用的方法可以让 jQuery-UI Dialog 与 HTML5 全屏配合使用？我在其他网站上看到过关于此的其他主题，但我还没有找到满意的答案。

4

1 回答 1

0

默认情况下，插件会将您的对话框附加<div>到正文的末尾，这具有将其从放置它的任何位置删除的副作用。

使用您的appendTo选项.dialog可以覆盖此行为：

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

"#parentElement"你在哪里<div>设置全屏。

于 2015-01-16T19:28:27.413 回答