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

1 个答案: