javascript - 如何在弹出窗口中隐藏轮廓

Question

我在 JS 中创建了弹出/模态窗口，我需要隐藏轮廓图容器。对于初始化映射，我使用了这个 js 代码

  self.mapDialogOptions = {
            autoOpen: false,
            modal: true,
            draggable: false,
            resizable: false,
            height: 450,
            width: 1050,
            title: '',
            dialogClass: '',
            open: function () {
                $(this).find('#map-close').on('click', function () {
                    $('#map-container').dialog('close');
                    self.isMapDialogVisible(false);
                });
            }
        };

如果我点击弹出（地图）容器出现大纲 看截图

Answer 1

在您的 css 文件中添加：

#map-container {
  border-style: none;
  border-width: 0;
}

Answer 2

当您打开一个 jquery 弹出窗口时，它的内容将移动到正文中，这就是您的弹出窗口变得如此之大的原因。因此，在打开弹出窗口后，您可以将其内容移回原始容器。或者您可以调整地图容器填充。