Javascript 如何在弹出窗口中隐藏轮廓
我在JS中创建了弹出/模式窗口,我需要隐藏outline map容器。对于initmap,我使用了这个js代码Javascript 如何在弹出窗口中隐藏轮廓,javascript,jquery,css,knockout.js,Javascript,Jquery,Css,Knockout.js,我在JS中创建了弹出/模式窗口,我需要隐藏outline map容器。对于initmap,我使用了这个js代码 self.mapDialogOptions = { autoOpen: false, modal: true, draggable: false, resizable: false, height: 450, width: 1050,
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);
});
}
};
如果单击弹出窗口(地图),容器将显示轮廓
在css文件中添加:
#map-container {
border-style: none;
border-width: 0;
}
当您打开jquery poup时,它的内容会移动到主体中,这就是为什么您的弹出窗口会变得如此大的原因。 因此,打开弹出窗口后,可以将其内容移回原始容器。
或者您可以调整地图容器填充。如果看不到代码,很难确定原因。这几乎肯定是css中的问题,而不是javascript中的问题。查找以“border”开头的属性,并尝试更改它们,以查看是否可以缩小导致问题的范围。如果您使用的是Chrome或Firefox(带有Firebug),那么“检查”工具可以使查找问题变得更容易。祝你好运