$ 未定义 lightgallery答案

【问题标题】：$ is not defined lightgallery$ 未定义 lightgallery
【发布时间】：2017-01-10 12:13:49
【问题描述】：

由于某种原因，我的 lightgallery 无法正常工作。我以与往常一样的方式添加它，并且所有 javascript 文件都包含在 Jquery 之后。

我在控制台中收到此消息：

Uncaught TypeError: $ is not a function
    at product-1.html:433
(anonymous) @ product-1.html:433

指向：

<script type="text/javascript">
    $(document).ready(function($) {
        $("#lightgallery").lightGallery();
    });
</script>

所有文件都已正确加载，我在网络选项卡中检查了。

可能是什么问题，我该如何解决？也许某处有冲突？我可以将它包装在一个函数中以使其工作吗？

我的 js 文件：

【问题讨论】：

在控制台网络选项卡中查看 jQuery 是否正在加载并且只加载一个版本
product-1.html 中有更多代码吗？它在第 433 行抱怨某事
@mplungjan 是的，它只加载了一次。
尝试用cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js替换你的js/jQuery.js
尝试评论除 jquery 以外的所有 js 文件，并评论谷歌地图相关代码一段时间并检查

标签： javascript jquery gallery lightgallery

【解决方案1】：

在头脑中

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

你的 html 内容

<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 之后的 light gallery js 文件

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

这真的很适合我。

【讨论】：

这行得通！您可能还想添加<script src="https://cdn.rawgit.com/sachinchoolur/lg-thumbnail.js/master/dist/lg-thumbnail.js"></script>。

【解决方案2】：

有时清除浏览器缓存可能会有所帮助。或者通过从 jquery 开始一一加载来缩小您的问题范围。

【讨论】：

【解决方案3】：

这解决了问题：

<script>
   lightGallery(document.getElementById('lightgallery'));
</script>

【讨论】：

【解决方案4】：

1.检查您的地图 api js 链接，如 https://developers.google.com/maps/api/js 这是否正确 2.同时按下Ctrl+Shift+Del按钮，清除缓存和cookies

【讨论】：