Question

请参阅此演示文稿：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>

Answer 1

先生，您在81行中定义showAddress但在17行中调用它。这些行同步执行，你必须首先定义函数。我对Firefox的工作方式有点惊讶。

谷歌地图使用Fancybox完美地运行Firefox，但其他浏览器不起作用

1 个答案: