关闭后无法重新打开 featherlight div
can't reopen featherlight div after closing it
我开始使用 FeatherLight 时遇到了一个小问题：
我有一个简单的div。这是它的代码：
<div id="AddNewItemToMenu" style="display:none;">....</div>
基本上我可以打开灯箱，它显示完美，一切正常 - 直到我通过 Javascript 手动强制关闭灯箱弹出窗口。
关闭一次后？ - 当我再次尝试重新加载它时，我得到一个空的灯箱（可能是关闭操作删除了 div 的内容）。
我使用的关闭命令：
$.featherlight.close();
对于打开命令（打开 featherlight 灯箱）我使用以下命令：
$.featherlight($('#AddNewItemToMenu'), { 'persist' : true });
知道为什么会这样吗？
也许还有另一种隐藏而不是关闭的方法？ （不会让我的 div 消失的东西？）。
谢谢！
更新：
我附上了一个示例文件。上传到一些临时站点。这是 link：https://ufile.io/wxipg
当打开 index.html => 单击 "Open Featherlight" 然后关闭弹出窗口，然后再次单击 "Open Featherlight"，你会看到空的 div.
您应该使用 featherlight 的绑定（例如 $('#open-fl').featherlight(...)），或者使用 $.featherlight 的结果重新打开它，例如：
var fl = $.featherlight(...); // Opens dialog a first time
fl.close(); // Closing it via JS
fl.open(); // Opening again
我开始使用 FeatherLight 时遇到了一个小问题： 我有一个简单的div。这是它的代码：
<div id="AddNewItemToMenu" style="display:none;">....</div>
基本上我可以打开灯箱，它显示完美，一切正常 - 直到我通过 Javascript 手动强制关闭灯箱弹出窗口。 关闭一次后？ - 当我再次尝试重新加载它时，我得到一个空的灯箱（可能是关闭操作删除了 div 的内容）。
我使用的关闭命令：
$.featherlight.close();
对于打开命令（打开 featherlight 灯箱）我使用以下命令：
$.featherlight($('#AddNewItemToMenu'), { 'persist' : true });
知道为什么会这样吗？ 也许还有另一种隐藏而不是关闭的方法？ （不会让我的 div 消失的东西？）。
谢谢！
更新： 我附上了一个示例文件。上传到一些临时站点。这是 link：https://ufile.io/wxipg 当打开 index.html => 单击 "Open Featherlight" 然后关闭弹出窗口，然后再次单击 "Open Featherlight"，你会看到空的 div.
您应该使用 featherlight 的绑定（例如 $('#open-fl').featherlight(...)），或者使用 $.featherlight 的结果重新打开它，例如：
var fl = $.featherlight(...); // Opens dialog a first time
fl.close(); // Closing it via JS
fl.open(); // Opening again