You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Fancybox 4中如何在弹窗关闭后移除类?附V3实现代码

解决Fancybox 4中关闭弹窗后移除类的问题

Fancybox 4 调整了事件注册方式,不再直接使用 afterClose 这类独立配置项,而是通过 on 选项统一监听事件。要实现和你提供的Fancybox 3代码相同的功能,写法如下:

$("[data-fancybox]").fancybox({
  on: {
    close: function() {
      $(".modal-content").removeClass("active");
    }
  }
});

如果需要对弹窗实例做更多操作,也可以在回调中接收实例参数:

$("[data-fancybox]").fancybox({
  on: {
    close: function(instance, current) {
      // 可通过 instance、current 参数访问弹窗相关信息
      $(".modal-content").removeClass("active");
    }
  }
});

内容的提问来源于stack exchange,提问作者Александр Орлов

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.19 10:22:03