2012-07-07 49 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>