1

次のコードを使用してfloatboxをshopifyページにロードする簡単なコードを試しています（これはshopifyの外で試してみましたが、動作しています）が、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 が閉じている場合、計算されたものを送信できますか結果は親ページに戻ります。はいの場合、その方法を教えてください??

これについての啓蒙は非常に高く評価されています。これは非常に初心者です。

ありがとう

4

1 に答える 1

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>
于 2012-07-07T20:35:03.427 に答える