Featherlight - 如何用javascript打开灯箱?

clo*_*sti 9 javascript jquery triggers modal-dialog

使用FeatherlightJQuery,我有一个灯箱:

  <div class="lightbox" id="mylightbox"> Text to display in box </div>
Run Code Online (Sandbox Code Playgroud)

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

  <a  href="#" data-featherlight="#mylightbox">Open element in lightbox</a>
Run Code Online (Sandbox Code Playgroud)

我想在javascript函数中触发它:

    $('lightbox.mylightbox').featherlight({
        });
Run Code Online (Sandbox Code Playgroud)

我尝试使用featherlight.click或featherlight.open,但它没有用.谢谢你的帮助.


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

$( 'F1')点击();

TPo*_*Poy 9

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

HTML

<div id="mylightbox">Text to display in box</div>
Run Code Online (Sandbox Code Playgroud)

JS

$.featherlight($('#mylightbox'), {});
Run Code Online (Sandbox Code Playgroud)

演示

  • 如果我需要使用JS打开灯箱而不是基于DOM元素,我该怎么办? (3认同)