用链接关闭jQuery Fancybox（手动）

Question

所以我尝试使用互联网上提供的所有解决方案，但似乎无法正常工作。

我使用（或项目，而不是）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错误

Answer 1

文档具有以下方法

$.fancybox.close();

确保阻止默认点击事件

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

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

Answer 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>');

Answer 3

假设您要点击“关闭”按钮关闭它 // popcloselink是关闭按钮的ID。

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