Question

（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>

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

有人请帮我解决这个问题，因为我一分钟都会秃顶！

谢谢！

Answer 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和fancybox CSS文件（仅添加了大拇指CSS文件）

Fancybox内联只是不工作

1 个答案: