使用链接关闭 jQuery Fancybox（手动）答案

【问题标题】：Close jQuery Fancybox (manually) with a link使用链接关闭 jQuery Fancybox（手动）
【发布时间】：2017-03-14 05:30:14
【问题描述】：

所以我尝试使用互联网上提供的所有解决方案，但由于某种原因似乎不起作用。

我正在使用（或项目，更确切地说）fancybox-1.3.4，除了关闭图标，需要使用链接来关闭弹出窗口。

<a id="kpitilepoplink" href="#kpitilepop">Trigger pop-up</a>

<div style="display:none;">
    <div id="kpitilepop" class="newpopupcontainer">
    Contents
    <a href="#" id="popcloselink" class="blu-btn">Close</a>
    </div>
</div>

<script type="text/javascript">
     $(document).ready(function () {                                    
         $("a#kpitilepoplink").fancybox({
         }); 
     });                                     
</script> 
<script type="text/javascript">
     $(document).ready(function(){
         $('#popcloselink').click(function(){                                       
         alert();
         $(this).fancybox.close();
         });
     });
</script>

互联网上可用的解决方案不起作用，我在浏览器控制台中收到fancybox.close is not a function 错误

【问题讨论】：

您是否阅读过您的插件版本的文档？
@madalinivascu - 文档说$.fancybox.close 不起作用。
你需要调用它$j.fancybox.close();
How to close a jQuery fancybox from button click的可能重复
@madalinivascu - 我已经尝试了所有这些。不幸的是，不起作用。

标签： jquery fancybox

【解决方案1】：

文档有如下方法

$.fancybox.close();

确保阻止默认点击事件

另一种解决方案是触发x关闭按钮

 $("a.fancybox-close").trigger("click");

【讨论】：

像魅力一样工作。谢谢。
很高兴有帮助:)

【解决方案2】：

提示：如果您使用的是 fancyBox3，您可以简单地将 data-fancybox-close 添加到任何元素并单击它将关闭当前的 fancyBox 实例。

例如：

$.fancybox.open('<div><p>Hello! This is fancyBox!</p><p><a href="javascript:;" data-fancybox-close>Close</a></p></div>');

【讨论】：

【解决方案3】：

假设您想在单击“关闭”按钮时将其关闭 //popcloselink 是你的关闭按钮的id。

$('#popcloselink').click(function(){
   $.fancybox.close();
});

【讨论】：