Fancybox 在我的页面上不起作用

Question

我一直在检查类似的帖子，并且 none 我发现的解决方案有效。这是所有这些代码。我在控制台中没有收到任何错误。

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8" />

        <title>jQuery UI Test Holder</title>

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css" type="text/css" media="screen" />

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>

        <script>

            $(document).ready(function(){
                $('.open').fancybox({
                    type:"iframe"
                });
            });
        </script>
    </head>

    <body>

        <a class="open" href="https://google.com">OPEN</a>
    </body>
</html>

Answer 1

语法错误：删除多余的分号 ;:

$(document).ready(function () {
    $('.open').fancybox({
        type: "iframe"     <-- HERE
    });
});

Fancybox 在我的页面上不起作用

Fancybox not working on my page

jquery

fancybox-2