Jquery ui jqueryui对话框+;谷歌地图&x2B;IE8错误。。。可能是什么?

Jquery ui jqueryui对话框+;谷歌地图&x2B;IE8错误。。。可能是什么?,jquery-ui,google-maps,modal-dialog,Jquery Ui,Google Maps,Modal Dialog,我正在尝试使用jQueryUI对话框和谷歌地图。。。因此,当用户单击链接时,将打开显示地图的对话框 我试过很多方法。。。它在FF和Chrome上工作,但在IE8上地图是灰色的 在html head中脚本引用顺序的一个更改中,使映射只在IE8中加载它的一部分。。。尝试在对话框前后加载google地图,但没有任何更改 这很令人困惑。。。有人经历过这个问题吗 谢谢 标签的jQuery UI文档说明了这一点,我认为它也适用于对话框(您需要调整对话框的代码) 任何需要 its的量纲计算 初始化在隐藏状态下

我正在尝试使用jQueryUI对话框和谷歌地图。。。因此,当用户单击链接时,将打开显示地图的对话框

我试过很多方法。。。它在FF和Chrome上工作,但在IE8上地图是灰色的

在html head中脚本引用顺序的一个更改中,使映射只在IE8中加载它的一部分。。。尝试在对话框前后加载google地图,但没有任何更改

这很令人困惑。。。有人经历过这个问题吗


谢谢

标签的jQuery UI文档说明了这一点,我认为它也适用于对话框(您需要调整对话框的代码)

任何需要 its的量纲计算 初始化在隐藏状态下不起作用 选项卡,因为选项卡面板本身是 通过显示隐藏:无,因此任何 里面的元素不会报告它们的 实际宽度和高度(大多数情况下为0 浏览器)

有一个简单的解决办法。使用 隐藏非活动的左偏技术 选项卡面板。例如,在您的样式表中 替换该类的规则 选择器“.ui选项卡.ui选项卡隐藏”和

对于谷歌地图,您还可以调整大小 选项卡显示后的地图如下所示 这:

resizeMap()将调用Google地图的 在特定地图上选中Resize()


IE8有一个内置的脚本调试器。你用过它吗?它没有在IE8调试程序上抛出错误谢谢,克里斯!你的回答帮助我尝试了其他的方法,它确实奏效了!现在,我显示对话框并在执行checkResize()之后!在API的V3中,调用
google.maps.event.trigger(映射,'resize')
.ui-tabs .ui-tabs-hide {
  position: absolute;
  left: -10000px; 
}
$('#example').bind('tabsshow',
  function(event, ui) {
  if (ui.panel.id == "map-tab") {
    resizeMap();
  }
});