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

Question

我在JS中创建了弹出/模态窗口，我需要隐藏轮廓图容器。对于init map，我使用了这个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);
                });
            }
        };

如果我点击弹出（地图）容器出现轮廓 see screenshot

Answer 1

在你的css文件中添加：

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

Answer 2

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