Javascript状态在html中从库加载图像时出错

我想使用此html模板：

它在实时预览中运行良好，但当我下载它并单击任意一张画廊图片时，它会打开一个警告窗口，提示：错误

我试图找出错误，但没有发现任何问题。我的嫌疑犯在main.js文件中，在这一行：

var singleProject = $('#single-project');

但是我在javascript方面没有太多经验

---

谢谢你的帮助

当您在javascript中看到美元符号时，如

var singleProject=$（“#singleProject”），您将需要该库

在代码中需要此脚本：

<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>



这是将jQuery导入项目的最新版本

将此脚本添加到
标记中。更多信息：
#单个项目是html标记的id当我引用该行时，我的意思不是说该id有什么问题或询问它是什么。。。我的意思是，有一些东西与导致错误的行有关，可能是函数中使用了该变量，可能是定义中的错误。。。无论如何，问题是它不起作用，我也找不到什么错误。好吧，他们已经在index.html的末尾加载了jquery库，但我尝试了你的解决方案，但没有起作用，我还注意到，当将jquery库的src更改为CDN src时，网站没有加载。。。我也不明白：/@isk27确保
JQuery
在脚本之上。