featherlight 在获取 ajax 数据之前加载消息

Question

我有一个典型的 link，我想在弹出窗口中显示输出 window。为此，我正在使用 featherlight。在我从 ajax 调用中获取数据之前，我想显示某种加载指示器。这是我试过的：

    function wait() {
        document.querySelector('.featherlight-content').textContent='pls wait...';
    }

<a href='../servlet/NavWarn?action=send' data-featherlight="ajax" data-featherlight-before-content="wait();">

如果我这样做，它只会打印 "pls wait..." 而 ajax 数据永远不会出现。如果我从 A 标签中删除 "data-featherlight-before-content"，ajax 数据会正确显示，但在它出现之前我会得到一个空的 window（这是我想避免的）。

我也试过在 featherlight 的 css（类似内容："pls wait..."）做这件事，但没有成功。

有什么想法吗？谢谢

Answer 1

简答：将-content替换为-inner。

详情： featherlight-content div 包含关闭框、任何其他静态元素（如画廊中的导航）和名为 featherlight-inner 的实际内容。如果你抹掉它，你会破坏 -inner div 而那是显示你的内容的那个！

我会 improve the doc 这个

featherlight 在获取 ajax 数据之前加载消息

featherlight loading msg before getting ajax data

featherlight.js