Question

Hello stackoverflow社区。我正在使用lightGallery插件，并且在我的案例锚标签中使用外部类型的按钮运行时遇到问题，您能否建议我做错了什么或者可能以其他任何方式使其正常工作。

HTML

<a href="fullscreen">Enter full screen view</a>

<div class="owl-carousel" id="selector1">
    <div class="item" data-src="img/1.jpg" name="fullscreen"><img src="img/1.jpg">
</div>

的JavaScript

$(document).ready(function() {
    $("#lightgallery").lightGallery(); 
});

$('#selector1').lightGallery({
    selector: '.item'
});

lightGallery插件：http://sachinchoolur.github.io/lightGallery/docs/#installation

Answer 1

以下是可能/将会导致问题的一些事情：

href属性不起作用。该链接将打开另一个网站。相反，当点击链接时，您需要执行一些javascript来激活全屏模式。
您有两个开放的<div>标记，但只有一个结束。此外，您应该关闭<img>代码。
您可能希望在$(document).ready(function() {});功能
没有标识为lightgallery的元素。
我对data-src属性一无所知。

这应解决大部分问题，但不会启用全屏功能：

<强> HTML

<div class="owl-carousel" id="lightgallery">
    <div class="item" data-src="img/1.jpg">
        <img src="img/1.jpg" />
    </div>
</div>

<强>的javascript

$(document).ready(function() {
    $('#lightgallery').lightGallery({
        selector: '.item'
    });
});

使用href或按钮运行光库

1 个答案: