javascript - 无法让 magnific 弹出窗口工作，两个 javascript 错误

Question

我正在尝试制作一个灯箱画廊并使用了示例源代码。

这是我阅读的文档:http://dimsemenov.com/plugins/magnific-popup/documentation.html

Uncaught TypeError: undefined is not a function

Uncaught ReferenceError: $ is not defined 

我不确定错误的含义或如何处理它们。

在我观看的视频教程中，他们说 jquery 冲突是一个潜在的问题。在网站的另一个页面上，我使用了 Kwicks 滑动菜单(也使用了 jquery)。这是我唯一能想到的。

如果您能给我任何帮助，我将不胜感激!

谢谢!没有更多的错误，但现在我需要让鼠标悬停在图像上与放大光标一起工作。

我已经使悬停工作正常，现在我需要使放大光标工作。我附上了一页内容，说明光标悬停时的状态。

示例:http://dimsemenov.com/plugins/magnific-popup/

我找到了缩放光标!感谢您的帮助!

Answer 1

插件文档 Magnific popup 你正在使用建议 -

包含文件

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<!-- Magnific Popup core JS file -->
<script src="magnific-popup/jquery.magnific-popup.js"></script>

记住:您需要包含 jQuery 文件引用，插件才能工作；而不是每个 jQuery 插件。并按照指定的顺序。这是 $ not defined 和 undefined in not a function 背后的唯一原因。