Question

我需要将Featherlight灯箱绑定到具有特定类（例如<a>）的所有vimeo-element元素。

（我尝试在js中添加featherlight-data属性，但这并不可靠。）

有什么办法可以从Featherlight中做到这一点？

我无法真正修改其中的任何HTML，因为它是由插件生成的。

完整的a标签如下：

<a class="vimeo-element" href="https://player.vimeo.com/video/285304289?autoplay=1">VimeoVideo</a>

我希望Featherlight将href作为iframe打开。

P.S。我在某个地方看到了这个

$("a.vimeo-element").featherlight();

是我需要做的吗？

P.P.S。可行！

但是...生成HTML的插件是“ Essential Grid”，并且它具有惰性的“加载更多”功能。仅在加载更多之前，才为加载的元素打开灯箱。我该如何解决？

到目前为止我所拥有的：

<script src="https://code.jquery.com/jquery-latest.js"></script>
<script src="https://cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
<script>
    jQuery(document).ready(function($){
        $.extend($.featherlight.defaults, {
            type: "iframe",
            iframeFrameborder: "0",
            iframeAllow: "autoplay; encrypted-media",
            iframeAllowfullscreen: "true",
            iframeStyle: "position:fixed;background:#000;border:none;top:0;right:0;bottom:0;left:0;width:100%;height:100%;"
        });
    });

    $("a.vimeo3-element").featherlight();

</script>

Featherlight似乎没有“捕获”向下滚动后加载的a。

如何基于类而不是“ featherlight-data”属性绑定Featherlight？

0 个答案: