我正在尝试创建一个带有 Google 地图的 jQueryUI 对话框。我在公司应用程序的许多其他地方的对话框周围使用了 box-shadow，没有任何问题。现在，在对话框中使用 Google 地图，盒子阴影会留下痕迹。该问题仅在 Chrome 中出现，当我切换到不同的选项卡并再次返回时，路径将清除。
<div id="mapContainer" title="Drag Me">
<div id="map">
</div>
</div>
.
$(document).ready(function () {
var map;
var options = {
zoom: 6,
center: new google.maps.LatLng(42, 42),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map($('#map')[0], options);
$('#mapContainer').dialog();
});
.
#map {
height: 200px;
width: 200px;
}
.ui-dialog {
box-shadow: #000 5px 5px 5px;
}
我做了一个测试来向自己证明问题不在于 jQueryUI draggable。
这是指向提出问题的小提琴的链接。 同样，这只会在 chrome 中中断。