Question

我正在使用简单灯箱（http://simplelightbox.com）并使其正常工作，但是我希望有一个链接来加载灯箱和第一张图像，而不是总是必须单击图像本身。

我已经尝试过了，但是没有用。

    $(".launch-gallery").click(function () {
        lightbox.show();
    });

Answer 1

将脚本标签放在body标签的末尾；

<html>
    <body>
        <script src="lightbox.js"></script>
        <script>
            $(".launch-gallery").click(function () {
                lightbox.show();
            });
        </script>
    </body>
</html>

如果带有类启动库的按钮被动态添加到页面或服务器未呈现，则将click事件绑定到文档；

<html>
    <body>
        <script src="lightbox.js"></script>
        <script>
            $(document).on("click",".launch-gallery",function () {
                lightbox.show();
            });
        </script>
    </body>
</html>

还要确保按钮具有“ launch-gallery”类；

<button class='launch-gallery'>Launch</button>

点击显示灯箱

1 个答案: