无法关闭 fancybox

Question

我的文档中有以下代码。 fancybox 打开没有问题，但一旦打开我就无法关闭它。谁能告诉我我的代码有什么问题？

<!DOCTYPE html>

<html 
<head>
<meta charset="utf-8" />

<script type="text/javascript" src=".C:\Users\Clark\Google Drive\CM Site\FancyBox\jquery.fancybox.pack.js"></script>
<script type="text/javascript" src=".C:\Users\Clark\Google Drive\CM Site\FancyBox\jquery.easing-1.3.js"></script>
<script type="text/javascript" src=".C:\Users\Clark\Google Drive\CM Site\FancyBox\jquery.mousewheel-3.0.6.pack.js"></script>
<link rel="stylesheet" href=".C:\Users\Clark\Google Drive\CM Site\FancyBox\jquery.fancybox.css" type="text/css" media="screen" />

<a href="C:\Users\Clark\Google Drive\CM Site\Certifications.jpg" onClick="jQuery.fancybox.close();">Close window</a

</head>
<body>
<a class="fancybox" href="C:\Users\Clark\Google Drive\CM Site\Background_image.jpg"><img src="C:\Users\Clark\Google Drive\CM Site\Certifications.jpg" alt="" /></a>

</body>
</html>

非常感谢！！

Answer 1

当您使用 fancybox 时，您将拥有这样的脚本

<script>
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>

如果你想在左上角有一个关闭按钮，使用

<script>
    $(document).ready(function() {
        $(".fancybox").fancybox({closeBtn: true);
    });
</script>

如果您希望用户单击 fancybox 将其关闭，请添加

<script>
    $(document).ready(function() {
        $(".fancybox").fancybox({closeBtn: true, closeClick: true);
    });
</script>

有关其他选项的详细信息，请参阅文档 here。

这是一种比在单个元素上连接 onClick() 函数更好的方法。

无法关闭 fancybox

Unable to close fancybox

jquery

fancybox