使用 link 关闭 jQuery Fancybox（手动）

Question

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

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

<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

假设您想在单击 "Close" 按钮时关闭它 //popcloselink 是你关闭按钮的id。

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

Answer 3

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

例如：

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

使用 link 关闭 jQuery Fancybox（手动）

Close jQuery Fancybox (manually) with a link

jquery

fancybox