jquery - jQuery 对话框中的 Bing map 仅在 IE8/9 中无法正确显示

Question

我有一个 jQuery 对话框，会弹出来在我正在构建的房地产网站上显示 bing map (鸟瞰图)。由于某种原因，鸟瞰图在 Firefox、Chrome 和 Safari 中效果很好，但在 IE8 或 IE9 上则不然。

例如，您可以查看此页面:

http://www.nhfinehomes.com/Property/Detail/4126470

鸟瞰图是顶部的按钮。几天来一直在试图解决这个问题。当对话框打开时， map 是对话框的一个小方形部分，而不是完整的对话框。

我尝试在对话框内将 map 设置为固定宽度(只是为了看看这是否有效)，但仍然没有成功。

我认为我需要在对话框打开时触发某种类型的刷新，但我似乎无法确定应该是什么。

TIA

Answer 1

问题肯定是尺寸问题。我检查了 jQuery UI 对话框内的 Bing map html，它在 Chrome 中显示正常。然而，在 IE 中，父 <div>承载 map 图 block 的尺寸可疑地小，这似乎不正确。看起来，当 jQuery UI JavaScript 执行并修改托管 map 的 DOM 元素时，IE 中一定出现了问题，导致 bing map 控件无法确定其需要的大小。我确实注意到您让 jQuery UI 对话框可调整大小，当我尝试调整对话框大小时， map 似乎会自行更正并正确显示。

因此，作为解决方法，请尝试在对话框打开事件中微调对话框的大小以模拟调整大小。这可能与用户启动调整大小具有相同的效果，并导致 map 自行更正。至于更优雅的修复，我很难说，因为我面前没有源代码。但在设置对话框后，我会首先尝试使用 JavaScript 设置 map 的宽度和高度，而不是依赖默认行为并查看是否有效。