文章/答案/技术大牛

发布

社区首页 >问答首页 >视频图库获取未捕获的TypeError：$(...).lightGallery不是函数

问视频图库获取未捕获的TypeError：$(...).lightGallery不是函数
EN

Stack Overflow用户

提问于 2015-09-28 19:13:28

回答 3查看 3.2K关注 0票数 2

我正在为我的视频画廊使用video.js。我尝试了video.js，但是我得到了以下错误信息。

TypeError：$(...).lightGallery不是我的代码中的函数：

<html>
<head>
    <link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="http://vjs.zencdn.net/4.12/video.js"></script>
</head>

<body>
    <!-- Hidden video div -->
    <div style="display:none;" id="video1">
        <video class="lg-video-object lg-html5 video-js vjs-default-skin" controls preload="none">
            <source src="videos/test1.mp4" type="video/mp4">
             Your browser does not support HTML5 video.
        </video>
    </div>
    <div style="display:none;" id="video2">
        <video class="lg-video-object lg-html5 video-js vjs-default-skin" controls preload="none">
            <source src="videos/test2.mp4" type="video/mp4">
             Your browser does not support HTML5 video.
        </video>
    </div>

    <!-- data-src should not be provided when you use html5 videos -->
    <ul id="video-gallery">
      <li data-poster="video-poster1.jpg" data-sub-html="video caption1" data-html="#video1" >
          <img src="1.jpg" />
      </li>
      <li data-poster="video-poster2.jpg" data-sub-html="video caption2" data-html="#video2" >
          <img src="2.jpg" />
      </li>
      ...
    </ul>


</body>
<script>
    $('#video-gallery').lightGallery({
        videojs: true
    }); 

</script>

</html>

请建议解决方案。

javascript

jquery

video.js

回答 3

Stack Overflow用户

发布于 2015-09-28 19:23:28

您似乎缺少lightgallery的脚本标记

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.2.4/js/lightgallery.min.js"></script>

票数 2

Stack Overflow用户

发布于 2015-09-28 19:19:18

    $(document).ready(function() {    
        $('#video-gallery').lightGallery({
            videojs: true
        }); 
    });

票数 0

Stack Overflow用户

发布于 2017-02-07 16:16:13

奇怪的是，当前版本只能通过这种方式进行初始化(典型的JQuery语法不起作用)：

lightGallery($('#video-thumbnails')[0], {
    download: false,
    //other options
});

Github上甚至还有一个公开的问题：https://github.com/sachinchoolur/lightgallery.js/issues/42

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32821603

复制

相似问题

问视频图库获取未捕获的TypeError：$(...).lightGallery不是函数
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问视频图库获取未捕获的TypeError：$(...).lightGallery不是函数EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问视频图库获取未捕获的TypeError：$(...).lightGallery不是函数
EN