TypeError:’undefined’不是函数(评估’$(“。fancybox”)。fancybox()’)

在我的网站的新版本上工作,但无法正常加载花哨的框:

http://www.taintmovie.com/storecartloom2/

我检查了对jquery的重复调用,但没有看到任何调用。

进一步深入研究问题,不是像之前建议的那样打破了fancybox.js文件的打包版本(我将文件与fancybox网站进行了比较,并且它们相匹配。)

您必须在网站中修复三件事才能摆脱错误并使fancybox正常工作:

1)。 关闭标签(目前没有结束标签)

2)。 你说你检查了jQuery重复项,但是你正在加载这个脚本:

  

LINK HERE ,其中包括jQuery v1.4.2,因此它与已经加载的v1.7.2冲突。

这实际上是这个错误的原因:

 Error: TypeError: $(".fancybox").fancybox is not a function Source File: http://www.taintmovie.com/storecartloom2/ Line: 40 

…您可能想要编辑该文件并删除jQuery部分。

3)。 您将fancybox绑定到选择器.fancybox如:

 $(".fancybox").fancybox(); 

…但是你的html看起来像:

  

你实际上需要设置除fancybox.iframe类之外的类fancybox ,如:

  

…否则它将无法正常工作。

用firebug搞砸看起来像fancybox.js的打包版本坏了。 我将开发人员控制台中的源更改为解压缩版本,并且运行正常。