我想打开一个带有一些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>
当灯箱打开时,我要双击图像/按钮让它打开。
是否可以在第一次点击时打开它?
答案 0 :(得分:0)
假设你要做的是打开一个羽毛灯,并从该羽毛灯的内容打开一个嵌套的羽毛灯(这看起来很奇怪),你可以使用afterOpen
回调,你可以在其中打开使用$.featherlight(...)
或find('.my-button-or-something').trigger('click')
嵌套的羽毛灯。
请注意,关闭嵌套的羽毛灯时,仍会打开第一个羽毛灯。