Question

文档说：

您可以提供包装DOM。这对于高级用户来说有点棘手。建议学习插件代码。但是你需要提供一个带有＆＃34; {namespace} -close＆＃34;的元素。 class：灯箱的内容将在此元素之后添加。

由于只有一个插件（FeatherlightGallery）似乎没有改变配置的这一部分，我只是试图坚持＆＃34;类＆＃34; -part。

所以我的配置对象如下（根据featherlight源代码中的设置）：

{
    background: $([
      '<div class="featherlight">',
        '<div class="featherlight-content">',
          '<span class="featherlight-close custom-class"></span>',
        '</div>',
      '</div>'].join(''))
}

到目前为止，这是有效的，因为我的代码实际上用于灯箱。但是在带有＆＃34; {namespace} -close＆＃34;的元素后面没有插入灯箱内容。类。

有人可以告诉我，我做错了吗？

Answer 1

抱歉，文档已过时。它现在写着：

您可以提供包装DOM。这对于高级用户来说有点棘手。建议研究插件代码。但是你需要提供一个带有“{namespace} -inner”类的元素：灯箱的内容将替换这个元素。建议您不要提供此选项，而是修改beforeOpen或afterOpen上的灯箱。

如何为featherlight配置自定义后台DOM？

1 个答案: