Jquery 基本Fancybox实现
我一直无法使用基本的jquery fancybox。我试着从fancybox网站（）上的文档开始工作，这是一个单独网站（）上的教程，我试着浏览一些其他相关的帖子来检查常见问题（），（），（） 我觉得我忽略了一些简单的事情。在调用fancybox之前，我使用CDN调用jquery。我有一个fancybox css文件的链接。我已经尝试将脚本调用移动到fancybox中的head和body标记中 我已经测试过jquery与一个成功触发的警报函数一起工作。fancybox css和js文件与我的html文件和图像位于同一目录中。下面是我的精简HTML，我目前正在测试，但没有成功 HTML:Jquery 基本Fancybox实现,jquery,html,fancybox-3,Jquery,Html,Fancybox 3,我一直无法使用基本的jquery fancybox。我试着从fancybox网站（）上的文档开始工作，这是一个单独网站（）上的教程，我试着浏览一些其他相关的帖子来检查常见问题（），（），（） 我觉得我忽略了一些简单的事情。在调用fancybox之前，我使用CDN调用jquery。我有一个fancybox css文件的链接。我已经尝试将脚本调用移动到fancybox中的head和body标记中 我已经测试过jquery与一个成功触发的警报函数一起工作。fancybox css和js文件与我的htm
非常感谢您的帮助。谢谢大家! 问题在于我使用的是jquery v1.4（类似于fancybox网站上的指南）。将此更改为jquery 3.1.1解决了问题。在这些情况下，您应该始终查看开发人员控制台以获取任何线索。在你的情况下，信息说： TypeError:$（…）。上不是函数 这意味着“开启”功能不存在。jQuery文档--说 新增版本：1.7
因此，您需要高于1.7的jQuery版本才能正常工作。您的控制台中有任何错误吗？我应该考虑一下。是的，它确实显示了一个错误：jquery.fancybox.js:2659未捕获类型错误：$（…）。on不是jquery.fancybox.js:2659在jquery.fancybox.js:2661上的函数。是否使用最新版本的jquery？否；我用的是1.4。我把它改成了3.1.1，它成功了。谢谢，丹尼尔！（有没有办法让我把你的评论作为答案？）没问题，如果你不能对我的评论投赞成票，那就别担心了。确保你的答案是正确的，这样它就被认为已经解决了。
<!DOCTYPE Html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<link href="jquery.fancybox.css" />
<script src="jquery.fancybox.js"></script>
</head>
<body>
<a data-fancybox="gallery" href="BigNewLogo.png"><img src="newLogo.PNG"></a>
<a data-fancybox="gallery" href="BigNewLogo.png"><img src="newLogo.PNG"></a>
</body>
</html>
Uncaught TypeError: $(...).on is not a function
at jquery.fancybox.js:2659
at jquery.fancybox.js:2661
(anonymous) @ jquery.fancybox.js:2659
(anonymous) @ jquery.fancybox.js:2661