在没有双击的情况下在Featherlight.js灯箱中打开灯箱 - 这可能吗?

时间:2017-03-28 11:33:39

标签: featherlight.js

我想打开一个带有一些html内容的featherlight灯箱。内容包含一些小图片,我想使用羽毛灯的图像也显示更大的尺寸。

例如:我在http://noelboss.github.io/featherlight/

的ajax示例div中添加了指向图像的链接
<div class="ajaxcontent lightbox">
    <h2>This Ligthbox was loaded using ajax</h2>
    <p>With <a href="https://github.com/noelboss/featherlight/#installation">little code</a>, you can build lightboxes that use custom content loaded with ajax...</p><a class="btn btn-default" href="assets/images/droplets.jpg" data-featherlight="image">Image</a>
</div>

当灯箱打开时,我要双击图像/按钮让它打开。

是否可以在第一次点击时打开它?

Example

1 个答案:

答案 0 :(得分:0)

假设你要做的是打开一个羽毛灯,并从该羽毛灯的内容打开一个嵌套的羽毛灯(这看起来很奇怪),你可以使用afterOpen回调,你可以在其中打开使用$.featherlight(...)find('.my-button-or-something').trigger('click')嵌套的羽毛灯。

请注意,关闭嵌套的羽毛灯时,仍会打开第一个羽毛灯。