1

我在一个弹出窗口中使用谷歌地图，该弹出窗口通过我使用类型的 Fancy 框

 <script>
  jQuery("#menu-item-1670 a").fancybox({
                'width'             : '75%',
                'height'            : '75%',
                'autoScale'         : true,
                       'zoomSpeedIn': 300,
                      'zoomSpeedOut': 300,
            'overlayOpacity'    : 0,
                'type'              : 'iframe'
            });
</script>

但是当我点击谷歌地图时，第一次它会显示地图，但是当我尝试第二次点击时它不会显示出来..不知道为什么？这是我尝试实现的链接 http://kelts.wpengine.com/ 属性详细信息选项卡->单击属性图。->第一次显示->不是第二次。

试过但没有运气！

谢谢！

4

1 回答 1

0

第二次打开盒子，src属性iframe是about:blank。这里有一个线程可能会解决问题 - 它建议使用回调存储并src使用onComplete回调恢复它onClosed。

不确定它是否适用于您的特定情况，但似乎值得一试。

如果我正确阅读了该链接和您的来源，那么这应该可以解决问题：

<script>
   jQuery(document).ready(function() { 
      var mySRC ="";
      jQuery("#menu-item-1670 a").fancybox({
         'width'             : '75%',
         'height'            : '75%',
         'autoScale'         : true,
         'zoomSpeedIn'       : 300,
         'zoomSpeedOut'      : 300,
         'overlayOpacity'    : 0,
         'type'              : 'iframe',
         'onComplete': function() {
            // alert('onComplete called');
            mySRC = jQuery('#map_title iframe').attr('src'); 
         },
         'onClosed': function() { 
            // alert('onClosed called');
            jQuery('#map_title iframe').attr('src',mySRC); 
         } 
      });
   }); // ready 
</script>

如果可行，请找出JFK的答案并给他/她投票 - 看起来他/她是代码的来源。

于 2013-02-18T12:12:23.537 回答