如何在彈出窗口中隱藏輪廓

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 Poup時，其內容將移至主體，這就是為什么您的彈出窗口變得如此之大的原因。 因此，打開彈出窗口后，可以將其內容移回原始容器。 或者，您可以調整地圖容器的填充。