Карта Bing в диалоговом окне jQuery не отображается правильно только в IE8 / 9 - PullRequest
2 голосов
/ 22 марта 2012

У меня есть диалоговое окно jQuery, которое отображается для отображения карты Bing (вид с высоты птичьего полета) на веб-сайте недвижимости, который я строю. По какой-то причине карта с высоты птичьего полета прекрасно работает в Firefox и Chrome и Safari, но не в IE8 или IE9.

Например, вы можете просмотреть эту страницу:

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

Вид с высоты птичьего полета - кнопка справа вверху. Я пытался понять это уже несколько дней. Когда диалоговое окно открывается, карта представляет собой небольшой квадратный участок диалога, а не полный диалог.

Я попытался сделать карту фиксированной ширины внутри диалога (просто чтобы посмотреть, сработает ли это), но все равно не повезло.

Я думаю, что мне нужно запустить какой-то тип обновления при открытии диалогового окна, но я не могу определить, что это должно быть.

ТИА

1 Ответ

0 голосов
/ 23 марта 2012

проблема определенно является проблемой размера. Я проверил HTML-карты Bing в диалоговом окне пользовательского интерфейса jQuery, и в Chrome все выглядит нормально. Однако в IE родительский элемент <div>, в котором размещены фрагменты карты, имеет подозрительно малые размеры, что не кажется правильным. Похоже, что когда jQuery UI JavaScript выполняет и изменяет элемент DOM, на котором размещена ваша карта, в IE должно быть что-то пошло не так, чтобы элемент управления bing maps потерял свои шарики в отношении того, насколько большим он должен быть. Я заметил, что вы оставили диалоговое окно jQuery UI изменяемого размера, и когда я попытался изменить его размер, карта, кажется, исправилась и отображается правильно.

В качестве обходного пути попробуйте изменить размер вашего диалога в событии открытия диалога, чтобы имитировать изменение размера. Это может иметь тот же эффект, что и инициированное пользователем изменение размера, и заставить карту исправляться. Что касается более элегантного исправления, мне трудно сказать, поскольку у меня нет исходного кода передо мной. Но я бы начал с попытки установить ширину и высоту карты с помощью JavaScript после настройки диалогового окна, а не рассчитывать на поведение по умолчанию и посмотреть, сработает ли это.

...