2012-07-07 96 views
1

正在尝试一个简单的代码,使浮动框加载shopify页面上使用下面的代码(我已经尝试过shopify及其工作),但如何得到这shopify是我的主要问题。如何获取iframe内fancybox shopify页

<!DOCTYPE html> 
<html> 
<head> 
    <title>fancyBox - Fancy jQuery Lightbox Alternative | Demonstration</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

    <!-- Add jQuery library --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

    <!-- Add fancyBox main JS and CSS files --> 
    <script type="text/javascript" src="../source/jquery.fancybox.js?v=2.0.6"></script> 

    <link rel="stylesheet" type="text/css" href="../source/jquery.fancybox.css?v=2.0.6" media="screen" /> 


    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#fancybox-manual-b").click(function() { 
       $.fancybox.open({ 
        href : 'http://2792.a.hostable.me/testing/instagram/loader.php?count=10', 
        type : 'iframe', 
        padding : 5 
       }); 
      }); 

     }); 
    </script> 
    <style type="text/css"> 
     .fancybox-custom .fancybox-skin { 
      box-shadow: 0 0 50px #222; 
     } 
    </style> 
</head> 
<body> 
<a id="fancybox-manual-b" href="javascript:;">iframe loader</a> 
</body> 
</html> 

其他问题我已经是我怎么可以从父页面将数据发送到该IFRAME而载入(这个数据用于计算和iframe中显示结果),并完成后,如果IFRAME是封闭的,是否有可能发送一些计算结果回到父页面,如果是的话请告诉我怎么做?

对此的任何启发是高度赞赏,我非常初学这个。

谢谢

+0

http://meta.stackexchange.com/a/5235/173947 – JFK 2012-07-08 11:01:56

回答

1

Fancybox v2.x要求jQuery v1.6或更高版本才能正常工作。目前您有:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

试试这个:

<script src="http://code.jquery.com/jquery-latest.js"></script>