光库匹配错误

Question

我正在制作带有光库插件的视频库以及时运行它会生成以下错误未捕获的TypeError：无法读取未定义的属性'匹配'，如在论坛中研究但尚未包含解决方案。

测试页面：

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'
    });