谷歌地圖使用Fancybox完美地運行Firefox，但其他瀏覽器不起作用

Question

有關q演示，請參閱此內容： 試一試

我的開發中有一個問題。 我使用下面的腳本來加載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>

Answer 1

先生，您在81行中定義showAddress ，但在17行中調用它。 這些行同步執行，你必須首先定義函數。 我有點驚訝這在Firefox中是如何工作的。