1

我正在尝试一个简单的代码,使用以下代码(我在 shopify 之外尝试过它的工作)使 floatbox 加载到 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 回答