关闭后不能重新打开featherlight div

Question

我开始使用FeatherLight并遇到一个小问题： 我有一个简单的div。这是它的代码：

<div id="AddNewItemToMenu" style="display:none;">....</div>

基本上我可以打开灯箱，它显示完美，一切正常 - 直到我手动强制通过Javascript关闭灯箱弹出窗口。 关闭一次后？ - 当我再次尝试重新加载时，我得到一个空的灯箱（也许关闭操作会删除div的内容）。

对于我使用的关闭命令：

$.featherlight.close();

和打开命令（打开featherlight灯箱）我使用以下命令：

$.featherlight($('#AddNewItemToMenu'), { 'persist' : true });

为什么会发生这种情况？ 也许还有另一种隐藏而不是关闭的方法？ （不会消除我的div的东西？）。

谢谢！。

更新： 我附上了一个示例文件。上传到某个临时站点。这是链接：https://ufile.io/wxipg 打开index.html =＆gt;时点击“打开羽毛灯”，然后关闭弹出窗口，然后再次单击“打开羽毛灯”，你会看到空的div。

Answer 1

您应该使用featherlight的绑定（例如$('#open-fl').featherlight(...)），或者使用$.featherlight的结果重新打开它，例如：

var fl = $.featherlight(...); // Opens dialog a first time
fl.close(); // Closing it via JS
fl.open(); // Opening again