Javascript 传单顶部未正确显示JQuery UI对话框

我想在页面加载时在传单地图的顶部显示一个JQuery UI对话框

加载页面时，对话框已初始化，但如果地图是html页面的100%，则很快隐藏在传单地图后面

HTML:

这是传单或JQuery的错误还是我做错了什么

---

进一步的问题：什么是JS和UI框架最适合传单？

您可以通过在类UI对话框中使用css定义z索引来实现它

.ui-dialog { z-index: 1000 !important ;}

---

您应该选中此项，以便发布：

而不是在

模式中设置
z-index
，您可以在
映射中设置
z-inde
x，如下所示：

#map {
    height: 200px;
    width: 500px;
    z-index: 1;
}

此外，您还可以使用：

#map {
    height: 200px;
    width: 500px;
}

.ui-dialog { z-index: 1000 !important ;}

#map {
    height: 200px;
    width: 500px;
    z-index: 1;
}