jQuery對話框中的Bing地圖在IE8/9中不能正確顯示

Question

我有一個jQuery對話框，彈出來顯示我正在建設的房地產網站上的bing地圖（鳥瞰圖）。出於某種原因，鳥眼視圖地圖在Firefox，Chrome和Safari中很適用，但IE8或IE9都不適用。

舉個例子，您可以查看此頁：

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

的鳥瞰是該按鈕，在頂部。一直試圖解決這個問題好幾天了。當對話框打開時，地圖是對話框的一個小方塊，而不是完整的對話框。

我試圖使地圖在對話框內的固定寬度（只是爲了看看是否會工作），但仍然沒有運氣。

我想我需要在對話框打開時觸發一些類型的刷新，但我似乎無法確定應該是什麼。

TIA

Answer 1

這個問題肯定是一個大小問題。我檢查了jQuery UI對話框中的Bing地圖html，在Chrome中它看起來很好。但是，在IE中，承載地圖圖塊的父級<div>具有可疑的小尺寸，這看起來不正確。看起來，當jQuery UI JavaScript執行並修改託管您的地圖的DOM元素時，IE中的某些內容一定會出現問題，導致bing地圖控件將它的大理石松散到它需要的大小。我注意到你離開了jQuery UI對話框，並且當我嘗試調整對話框大小時，地圖似乎可以自行糾正並正確顯示。

因此，作爲一種解決方法，嘗試在對話框打開事件中微調對話框的大小以模擬調整大小。這可能與用戶啓動的調整大小具有相同的效果，並導致地圖自行更正。至於更優雅的修復方法，我很難說，因爲我沒有在我面前的源代碼。但是我會在設置對話框之後嘗試使用JavaScript來設置地圖的寬度和高度，而不是依靠默認行爲並查看是否有效。