$未定义lightgallery

Question

出于某种原因，我的照相馆不起作用。我以同样的方式添加它，并且在Jquery之后包含所有javascript文件。

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

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文件：

Answer 1

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

Answer 2

在头上

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

这真的对我有用。

Answer 3

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