1

你好 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

4

1 回答 1

1

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

  • 该href属性不能那样工作。该链接只会打开另一个网站。相反，当单击链接时，您需要执行一些 javascript 来激活全屏模式。
  • 您有两个开始<div>标签，但只有一个结束标签。此外，您应该关闭<img>标签。
  • 您可能希望在$(document).ready(function() {});函数中发布所有已发布的 javascript
  • 没有带有 id 的元素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'
    });
});
于 2015-09-18T22:58:02.123 回答