Question

所以我知道我把它搞砸了，但我无法理解。

我正在运行一个名为light gallery的灯箱。我引用了lightgallery.min.js和lightgallery.min.css，以及正确文件夹中的文件。 / css和/ js

动态调用图像我正在尝试运行以下脚本。（摘自sympy我在系统中引用了一个图像。

 $('.#dynamic').on('click', function() {

        $(this).lightGallery({
            dynamic: true,
            dynamicEl: [{
                "src": '/img/splash/header.jpg',
                'thumb': '/img/splash/header.jpg',
                'subHtml': '<h4>Cover</h4><p>Test image</p>'
            }, {
                "src": '/img/splash/header.jpg',
                'thumb': '/img/splash/header.jpg',
                'subHtml': "<h4>Bowness Bay</h4><p>A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....</p>"
            }, {
                "src": '/img/splash/header.jpg',
                'thumb': '/img/splash/header.jpg',
                'subHtml': "<h4>Coniston Calmness</h4><p>Beautiful morning</p>"
            }]
        })

    });

我的页面上有一个动态ID的按钮，但我无法加载灯箱。

<button class="btn btn-success btn-lg mrb50" id="dynamic">Launch Gallery
                             </button>

我已经尝试将脚本放在头部以及我的页面正文中，但我只是无法让它运行。任何建议将不胜感激。

Answer 1

使用

$('#dynamic').click(function() {

而不是

 $('.#dynamic').on('click', function() {

动态地将图像加载到灯箱中

1 个答案: