灯廊匹配错误

Question

我正在制作一个带有灯光画廊插件的视频画廊，以便及时运行它会产生以下错误 Uncaught TypeError: Can not read property 'match' of undefined，正如在论坛中研究的那样，但还没有解决方案。

测试页面：

var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com)\/(?:watch\?v=|embed\/)?([a-z0-9self\-]+)/i);

https://jsfiddle.net/joseferreira/37cgt6jq/

Answer 1

您使用了错误的 html 标记。

这样使用

HTML

<div id="lightgallery">
<a href="images/landding/1.jpg" class="light-link">
  <img src="images/landding/1.jpg" />
</a>
 <a href="images/landding/1.jpg" class="light-link">
  <img src="images/landding/1.jpg" />
</a>
 <a href="images/landding/1.jpg" class="light-link">
  <img src="images/landding/1.jpg" />
</a>

Javascript

$("#lightgallery").lightGallery({
       selector: '.light-link'
    });