fancybox关闭弹出窗口parent.$.fancybox.close();

本文将介绍如何在Fancybox弹出窗口中自定义关闭功能,包括隐藏关闭按钮和使遮罩层不可点击,并提供了一个使用JavaScript实现关闭功能的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

fancybox弹出窗口右上角会自带一个关闭窗口,并且点击遮罩层也会关闭fancybox

有时我们不需要这样进行关闭,隐藏关闭窗口,并且遮罩层不可点击

在弹出窗口页面加一链接进行关闭

使用parent.$.fancybox.close();可进行对其关闭

以下为弹出页面的代码:

function myclose(){
    parent.$.fancybox.close();
}

<a  href="javascript:myclose();">关闭</a>

需要注意的一点是父页面使用fancybox弹出窗口设置type必须为iframe模式

$("a#reason").fancybox({
	  'width'	: '30%',
	  'height' : '20%',
	  'autoScale'	: true,
	  'hideOnOverlayClick':false,
	  'showCloseButton':false,
	  'type':'iframe'
});

看文档说$.fancybox.close();也可进行关闭  但不知如何使用,求破...


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值