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 CODE：

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

Answer 2

试试这个

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

希望它对你有所帮助。

Fancybox关闭不工作

2 个答案: