2013-02-18 160 views
1

我使用在我用过型IFrame不再加载谷歌地图

<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/ 属性详细信息tab->点击属性图.-> firsttime显示 - >不是第二次。

试过但没有运气!

谢谢!

+0

链接已损坏。 – jjj 2013-02-18 09:43:32

+0

是的,我知道它,当我再次点击链接,然后它不与地图来源..如何解决这个问题。任何想法? – sudhanshu 2013-02-21 05:16:46

回答

0

第二次我打开盒子时,iframesrc属性为about:blank。有一个线程here可能解决问题 - 它建议使用onComplete回调来存储src,并使用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挖掘出一个答案,给他/她一个给予好评 - 它看起来像他/她是代码的来源。

+0

不幸的是没有运气!请任何其他想法! – sudhanshu 2013-02-21 05:32:53

+0

对不起,没有注意到你没有使用'$'作为jQuery。我更新了代码。你可以再试一次吗? – Hobo 2013-02-21 07:24:24

+0

嘿Hobo!我已经试过了,因为你已经给我发了$ code,但是我把它转换成Jquery语法,但是没有运气的人!在这里你可以检查我使用的代码。请看你可以在主页上找到的代码的来源-footer section http://kelts.wpengine.com/。请帮我.. – sudhanshu 2013-02-21 09:00:18