谷歌地图使用 Fancybox 完美运行 Firefox，但其他浏览器无法运行答案

【问题标题】：Google Map using Fancybox working Firefox perfectly but Other Browsers it Doesn't Work谷歌地图使用 Fancybox 完美运行 Firefox，但其他浏览器无法运行
【发布时间】：2014-02-22 06:09:46
【问题描述】：

见这个 q 演示：Try it

我在开发中遇到了一个问题。我使用下面的脚本来加载 Fancybox Popup。

点击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>

【问题讨论】：

我在我的 Galaxy s3 上使用 chrome 显示了地图。当然这不是我使用的位置地图，但地图确实显示
检查你的控制台：出现错误“showAddress is not defined”
嗨@harshit Tailor，谢谢你的回复，我在另一个php文件（map-5.php）上定义了showAddress。请帮帮我..
你没有在这个文件中包含“其他 php 文件”吗？

标签： javascript php jquery html ajax

【解决方案1】：

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

【讨论】：