javascript - Featherlight - 如何使用 javascript 打开灯箱？

Question

使用 Featherlight 和 JQuery，我有一个灯箱:

  <div class="lightbox" id="mylightbox"> Text to display in box </div>

不是使用我不需要的链接，而是将其打开为:

  <a  href="#" data-featherlight="#mylightbox">Open element in lightbox</a>

我想在 javascript 函数中触发它:

    $('lightbox.mylightbox').featherlight({
        });

我尝试使用 featherlight.click 或 featherlight.open 但它没有用。 感谢您的帮助。

---

第二次编辑: 刚刚找到调用 $('lightbox... 的解决方案仅设置配置参数。 我强行点击了 <a id="f1" ... >通过以下 javascript 函数链接:

$('f1').click();

Answer 1

Featherlight是这里使用的灯箱插件。无需强制点击。

HTML

<div id="mylightbox">Text to display in box</div>

JS

$.featherlight($('#mylightbox'), {});

Demo