Question

我无法通过Featherlight模式窗口在页面加载时显示内容。

https://github.com/noelboss/featherlight/#usage

使用链接打开Featherlight DOM

<a href="#" class="my-content" data-featherlight="<p>My Content</p>">Open some DOM in lightbox</a>

此链接从data-featherlight属性

加载html内容

点击该链接将加载“我的内容”。

在页面加载

$.featherlight($('.my-content'), {});

这只会加载<a>代码“Open some DOM in lightbox”之间的内容。

如何从页面加载的data-featherlight属性调用“我的内容”？

我需要在data-featherlight内部使用html，而不是在div之外。

我认为它可能像

$('.my-content').featherlight();

$('.my-content').featherlight.current();

Answer 1

在您的内容上调用.featherlight()以确保配置模态窗口，然后在页面加载后立即使用jQuery .click()：

$('.my-content').featherlight().click()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://noelboss.github.io/featherlight/release/featherlight.min.js"></script>
<a href="#" class="my-content" data-featherlight="<p>My Content</p>">
  Open some DOM in lightbox
</a>

如何在页面加载时使用Featherlight打开DOM元素？

1 个答案: