Javascript 使用Fancybox的谷歌地图与Firefox完美结合，但其他浏览器则不然'；行不通

请参阅此q演示：

我的发展中有一个问题。我使用下面的脚本加载Fancybox弹出窗口

单击

Submit

按钮后，它将打开另一个包含地图的弹出窗口。 该地图在Firefox上运行良好，但在其他浏览器上不起作用

我必须能够使该地图在所有当前浏览器上工作。请指导我解决这个问题

<script type="text/javascript">
$(document).ready(function() {   
 $("#zipcodechange").click(function() {  
  $.fancybox({
    href : "#zipcode",
      helpers: { overlay: { css: { 'background': 'rgba(0, 0, 0, 0.65)' } } },
    afterClose : function(){ 
      $.fancybox.close();
    }
  }); // fancybox 
 }); // click

$("#zipcode").bind("submit", function() {
  $.fancybox.showLoading(); 
  $.ajax({
      url    : "map-5.php",
      type: "POST",       
      data: $("#zipcode").serializeArray(),
      success: function(responseText) {     
      $.fancybox.open({
          content   : '<iframe id="myFrame" class="fancybox-iframe"
        frameborder="0" vspace="0" hspace="0" src="about:blank"></iframe>',    
          width     : '70%',
          height    : '700px',
          // fitToView: false, 
          autoSize: false, // 
          closeClick: false,
          openEffect: 'elastic',
          closeEffect: 'fade',
          helpers: {overlay: {css: {'background': 'rgba(0, 0, 0, 0.65)' } } },
          afterShow : function() {
              var oIframe = document.getElementById('myFrame');
              var iframeDoc = (
                               oIframe.contentWindow.document ||
                               oIframe.contentDocument );  iframeDoc.open(); 
              iframeDoc.write(responseText);
              iframeDoc.close();
          },
          afterClose: function () {
              location.reload();
              return;
          }
        }); // fancybox
        } // success    
  }); // ajax
  return false;
 }); // bind
}); // ready 
</script>

$（文档）.ready（函数（）{
$（“#zipcodechange”）。单击（函数（）{
$.fancybox({
href:“zipcode”，
帮助程序：{overlay:{css:{'background'：'rgba（0,0,0,0.65）}}，
afterClose:函数（）{
$.fancybox.close（）；
}
})；//fancybox
})；//单击
$（“#zipcode”）.bind（“submit”，function（）{
$.fancybox.showLoading（）；
$.ajax({
url:“map-5.php”，
类型：“POST”，
数据：$（“#zipcode”）.serializeArray（），
成功：函数（responseText）{
$.fancybox.open({
内容：“”，
宽度：“70%”，
高度：“700px”，
//菲托维：错，
自动调整大小：false，//
closeClick:false，
openEffect:'弹性'，
特效：“褪色”，
帮助程序：{overlay:{css:{'background'：'rgba（0,0,0,0.65）}}，
afterShow:function（）{
var oIframe=document.getElementById（'myFrame'）；
变量iframeDoc=(
oIframe.contentWindow.document||
oIframe.contentDocument）；iframeDoc.open（）；
iframeDoc.write（responseText）；
iframeDoc.close（）；
},
后关闭：功能（）{
location.reload（）；
返回；
}
})；//fancybox
}//成功
})；//ajax
返回false；
})；//绑定
}); // 准备好的

先生，您在81行中定义了

showAddress

，但在17行中调用它。这些行是同步执行的，这意味着您必须首先定义函数。我有点惊讶这在Firefox中是如何工作的。

我在galaxy s3上使用chrome获得了地图。假设这不是我使用的位置的地图，但地图确实显示了检查您的控制台：错误发生“showAddress未定义”Hi@harshit Tailor，谢谢您的回复，我在另一个php文件（map-5.php）上定义了showAddress。请帮帮我。你没有在这个文件中包含“其他php文件”吗？