javascript - Lightgallery多个实例不起作用

标签 javascript jquery gallery

我有几张要用来打开图库的图片(使用lightgallery)。因此,我查阅了他们的文档,发现要使用多个实例,我必须包含lg-hash.js并为不同的画廊提供ID。这正是我所做的,但是第二个图像不起作用。它打开了灯箱,但装载机不断旋转。

我的代码:

<div id="hash">
    <a href="'.$fbimage.'">
        <img style="max-width:250px;" src="'.$fbimage.'">
    </a>
</div>
<div id="hash1">
    <a href="'.$block_image->{'image_intro'}.'">
        <img style="max-width:100%;" src="'.$block_image->{'image_intro'}.'">
    </a>
<div>


和js部分:

<script type="text/javascript">
$(document).ready(function() {
    $("#hash").lightGallery({
        hash: true,
        galleryId: 1
    });
    $('#hash1').lightGallery({
        hash: true,
        galleryId: 2
    });
});
</script>


第一个正在正常工作,但第二个图像未加载,我无法关闭第二个图像的lightgallery。

怎么了? Here is a link to their documentation

最佳答案

在我看来,好像您在JS部分但在PHP部分没有麻烦...
您能分发一个已经通过PHP解析器的版本吗? HTML将在这里有所帮助。

关于javascript - Lightgallery多个实例不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39101790/

相关文章:

jquery - 使用变量?

javascript - 用于将通用配置传递给另一个函数的包装函数

javascript - 如何使按钮从暂停变为播放

jquery - 如何针对不同屏幕宽度使用jqgrid卡住列?

javascript - 验证带有复选框和文本字段的动态 php 网格

css - @keyframes slider 过渡

jquery - 制作 Jquery shuffle Gallery

html - 没有 JavaScript 多弹出窗口?

javascript - ASP.NET MVC 富文本编辑器

javascript - 有没有办法在网络浏览器中一次删除所有事件监听器?