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

所以我知道我在什么地方把事情搞砸了，但我想不出来

我正在经营一个名为“灯光画廊”的灯箱。 我引用了lightgallery.min.js和lightgallery.min.css，并且文件位于正确的文件夹中/css和/或js

为了动态调用图像，我尝试运行以下脚本。（从这里开始，我只是引用了我系统上的一个图像

 $('.#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>"
            }]
        })

    });

$（'.#dynamic'）。在（'click'，function（）上{
$（此）。lightGallery({
动态：是的，
dynamicEl：[{
“src”：“/img/splash/header.jpg”，
“thumb”：“/img/splash/header.jpg”，
“subHtml”：“封面测试图像”
}, {
“src”：“/img/splash/header.jpg”，
“thumb”：“/img/splash/header.jpg”，
‘subHtml’：“鲍内斯湾一个美丽的日出，今天早上在去凯斯维克的路上，没有按计划出现，但我非常高兴我在正确的时间经过了正确的地方……”
}, {
“src”：“/img/splash/header.jpg”，
“thumb”：“/img/splash/header.jpg”，
‘subHtml’：“康尼斯顿的宁静美丽的早晨
”
}]
})
});

我的页面上有一个id为dynamic的按钮，但是我无法加载灯箱

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

发布库

我已尝试将脚本放在页面的头部和正文中，但我无法运行它。如有任何建议，将不胜感激。

使用

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

而不是

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

---

将

（'.#dynamic'）

更改为

（'#dynamic'））

是的，就是这样……上帝啊，我真是个白痴……这让我发疯了哈哈……非常感谢……请不要只指出印刷问题或缺少的字符就发布答案。这些答案不太可能帮助未来的访问者，因为它们是OP的代码所特有的。相反，根据 .