0

(http://www.kamgar.nl/test)

<html>
<head>
    <title>Tester</title>

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

    <script type="text/javascript">
        $(document).ready(function() {
            $("#popups").fancybox({
                maxWidth    : 800,
                maxHeight   : 600,
                fitToView   : false,
                width       : '70%',
                height      : '70%',
                autoSize    : false,
                closeClick  : false,
                openEffect  : 'none',
                closeEffect : 'none'
            });
        });
    </script>

</head>
<body>

        <a id="popups" href="#servicesRecovery">Open</a>

        <div style="display:none;">
            <div id="servicesRecovery">Hello!</div>
        </div>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.fancybox.pack.js"></script>
</body>

...我什么都没有得到，没有错误，什么都没有，我做错了什么？！

有人请帮我解决这个问题，因为我马上就会秃顶！

谢谢！

4

1 回答 1

1

移动这些：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.fancybox.pack.js"></script>

...在您的 fancybox 自定义脚本上方...或将您的 fancybox 自定义脚本移动到这些行下方。这只是一个问题或初始化顺序。

编辑：我刚刚检查了您的示例网站，您缺少正确的DOCTYPE和花式的 CSS 文件（您仅添加了 thumbs CSS 文件）

于 2012-04-22T19:08:08.743 回答