javascript - 使用 Fancybox 的谷歌地图可以完美地运行 Firefox，但其他浏览器无法运行

Question

请参阅 q 演示:Try it

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

单击提交 按钮后，它将打开另一个包含 map 的弹出窗口。该 map 在 Firefox 上运行良好，但在其他浏览器上无法运行。

我必须能够让该 map 在所有当前浏览器上正常工作。请指导我解决这个问题

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

Answer 1

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