javascript - Fancybox 关闭 不工作

Question

出于某种原因，我无法使用他们提供的关闭按钮关闭 Fancybox。我已经设法使用标签将其关闭，但是单击它时会突然出现一个弹出窗口？

这是相关页面的链接：

http://events.usefulsocialmedia.com/customerservice/brochure2-thank-you.php

这就是我所说的：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
    <link href="assets/css/jquery.fancybox.css?v=2.1.5" rel="stylesheet">
    <script src="assets/js/jquery.fancybox.pack.js?v=2.1.5"></script>

        <script type="text/javascript">
        $(document).ready(function($){
            $.fancybox.open([{
                content: $(".popup")
        }]); 
        });
        </script>

我添加的关闭按钮位于底部的 RHS 上（称为关闭）。

<a href="javascript:void(0);" onclick="$.fancybox.close();">Close</a>

任何帮助将非常感激 ：）

干杯

Answer 1

要关闭fancybox，您可以将类属性添加到您的链接，如下所示：

<a href="#" class="closeLink">Close</a>  

JS代码：

$(document).ready(function(){  
    $('.closeLink').on('click', function(event){
        event.stopPropagation();
        $.fancybox.close();
    });
});  

Answer 2

试试这样

<a href="javascript:$.fancybox.close();" >Close</a>

希望它可以帮助你。