使用链接(手动)关闭jQuery FancyBox [英] Close jQuery Fancybox (manually) with a link

问题描述

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

我正在使用(或项目)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> 

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

推荐答案

文档有以下方法

$.fancybox.close();

确保阻止默认的单击事件

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

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

这篇关于使用链接(手动)关闭jQuery FancyBox的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！