Question

我有一个典型的链接，我想在弹出窗口中显示输出。要做到这一点，我正在使用羽毛灯。我想显示某种加载指示器，直到我从ajax调用中获取数据。这就是我的尝试：

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

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

如果我这样做，它只打印“请等待......”并且ajax数据不会出现。如果我从A标签中删除“data-featherlight-before-content”，ajax数据会正确显示，但在此之前我会得到一个空窗口（这是我想要避免的）。

我也尝试过在羽毛灯的css（类似于内容：“等等......”），但没有运气。

有什么想法吗？谢谢

Answer 1

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

详细说明： featherlight-content div包含关闭框，任何其他静态元素（如图库中的导航）以及名为featherlight-inner的实际内容。如果你删除它，你会销毁-inner div，那就是显示你内容的那个！

我将improve the doc关于此

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

1 个答案: