遗漏的类型错误：$（...）lightGallery不是一个函数

当我尝试点击浏览器控制台它显示了这个链接：

Uncaught TypeError: $(...).lightGallery is not a function(anonymous function) @ index.html:250dispatch @ jquery.min.js:3r.handle @ jquery.min.js:3

，这是我使用的代码：

$('#gallery').on('click', function() { 
    $(this).lightGallery({ 
     dynamic: true, 
     dynamicEl: [{ 
      "src": 'assets/images/gallery/1.jpg', 
      'thumb': 'assets/images/gallery/thumbs/1.jpg', 
      'subHtml': '<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>' 
     }, { 
      'src': 'assets/images/gallery/2.jpg', 
      'thumb': 'assets/images/gallery/thumbs/2.jpg', 
      'subHtml': "<h4>Bowness Bay</h4><p>A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....</p>" 
     }, { 
      'src': 'assets/images/gallery/3.jpg', 
      'thumb': 'assets/images/gallery/thumbs/3.jpg', 
      'subHtml': "<h4>Coniston Calmness</h4><p>Beautiful morning</p>" 
     }] 
    }) 
});

请记住，我在lightGallery中使用动态模式。

我已经包含了之前的lightGallery库和它之前的jQuery库。
我试图用$替换jQuery。
我也尝试过“分号解决方案”，但没有运气。

这是整个图书馆我包括：

<script src="assets/web/assets/jquery/jquery.min.js"></script> 
    <script src="assets/tether/tether.min.js"></script> 
    <script src="assets/bootstrap/js/bootstrap.min.js"></script> 
    <script src="assets/smooth-scroll/SmoothScroll.js"></script> 
    <script src="assets/viewportChecker/jquery.viewportchecker.js"></script> 
    <script src="assets/cookies-alert-plugin/cookies-alert-core.js"></script> 
    <script src="assets/cookies-alert-plugin/cookies-alert-script.js"></script> 
    <script src="assets/dropdown/js/script.min.js"></script> 
    <script src="assets/touchSwipe/jquery.touchSwipe.min.js"></script> 
    <script src="assets/jarallax/jarallax.js"></script> 
    <script src="assets/bootstrap-carousel-swipe/bootstrap-carousel-swipe.js"></script> 
    <script src="assets/jquery-mb-ytplayer/jquery.mb.YTPlayer.min.js"></script> 
    <script src="assets/theme/js/script.js"></script> 
    <script src="assets/mobirise-slider-video/script.js"></script> 
    <script src="assets/formoid/formoid.min.js"></script> 
    <!-- lightgallery --> 
    <script src="assets/theme/js/lightgallery.min.js"></script> 
    <script src="assets/theme/js/lg-thumbnail.min.js"></script> 
    <script src="assets/theme/js/lg-fullscreen.min.js"></script> 
    <script src="assets/theme/js/lg-share.min.js"></script> 
    <script src="assets/theme/js/lg-zoom.min.js"></script> 
    <script src="assets/theme/js/lg-autoplay.min.js"></script>

来源

2016-09-23 Hamza Abdullah Moh

结束请提供HTML，尤其是已包含在头 – depperm

是否有控制台有任何错误的脚本？ –

控制台上没有其他错误！ –

Wooooooooooo Haaaaaa我终于解开了它，问题是可能与本地版本我有！当我切换到cdnjs版本，它的工作完美！非常感谢大家！我所做的是在头部

<link href="https://cdn.rawgit.com/sachinchoolur/lightgallery.js/master/dist/css/lightgallery.css" rel="stylesheet">

您的HTML与CDN链路替代本地的

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.3.2/css/lightgallery.css" /> 

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

来源

2016-09-24 10:36:57

。

<div id="lightgallery"> 
    <a href="img/img1.jpg"> 
     <img src="img/thumb1.jpg" /> 
    </a> 
    <a href="img/img2.jpg"> 
     <img src="img/thumb2.jpg" /> 
    </a> 
</div>

在体内。在之后的jQuery

<script src="https://cdn.rawgit.com/sachinchoolur/lightgallery.js/master/dist/js/lightgallery.js"></script> 
<script src="https://cdn.rawgit.com/sachinchoolur/lg-pager.js/master/dist/lg-pager.js"></script> 
<script src="https://cdn.rawgit.com/sachinchoolur/lg-autoplay.js/master/dist/lg-autoplay.js"></script> 
<script src="https://cdn.rawgit.com/sachinchoolur/lg-fullscreen.js/master/dist/lg-fullscreen.js"></script> 
<script src="https://cdn.rawgit.com/sachinchoolur/lg-zoom.js/master/dist/lg-zoom.js"></script> 
<script src="https://cdn.rawgit.com/sachinchoolur/lg-hash.js/master/dist/lg-hash.js"></script> 
<script src="https://cdn.rawgit.com/sachinchoolur/lg-share.js/master/dist/lg-share.js"></script> 
<script> 
    lightGallery(document.getElementById('lightgallery')); 
</script>

来源

2018-03-03 10:51:26

谢谢！ #Ozal_Zarbaliyev –

遗漏的类型错误：$（...）lightGallery不是一个函数

回答

相关问题