打开一个新的 FeatherLight 后关闭

Question

我目前正在使用 FeatherLight，但是我似乎找不到任何关于在从里面打开一个新盒子时隐藏以前打开的盒子的文档。

我的初始 link 看起来像：

<a href="{{ route('frontend.auth.login_popup') }}" class="btn ajax-featherlight" data-featherlight="ajax">{{ __('navs.frontend.login') }}</a>

然而，一旦这个 modal/popup 打开，我然后点击另一个 featherlight link 上面写着 "Register" 所以我想关闭登录模式并打开新的模式；但似乎登录一个在注册一个之后保持打开状态。

我的 Javascript 构造函数如下所示：

$(".ajax-featherlight").featherlight({
    targetAttr: 'href'
});

Answer 1

您可以嵌套羽毛灯这一事实是设计使然。

您可以使用 $.featherlight.close() 关闭当前 featherlight。如果你不想关闭当前的，而是第一个打开的，你可以调用：

var all = $.featherlight.opened();
var first = all[0];
first.close()

Close FeatherLight after opening a new one