Javascript 基本Fancybox/jquery问题

我试图在fancybox图库中添加一些简单的图像功能，但我遇到了一个奇怪的错误

我抓取了这里提供的代码，通过codepen查看，并将其添加到jquery.fancybox.js文件中

它在codepen中运行良好，但当我将其添加到文件中时，会出现“未捕获的TypeError:$（…）。fancybox不是函数”错误

我对这个jQuery的东西有点陌生，所以任何帮助都将不胜感激

这就是我试图实现的代码

$( '[data-fancybox="images"]' ).fancybox({
infobar : false,
caption : function( instance, item ) {
    var caption = $(this).data('caption') || '';

    return ( caption.length ? caption + '<br />' : '' ) + 'Image <span data-fancybox-index></span> of <span data-fancybox-count></span>';
}

$（'[data fancybox=“images”]'）。fancybox({
信息栏：错，
标题：函数（实例、项）{
var caption=$（this）.data（'caption'）| |'；
返回（caption.length？caption+'
'：''）+'Image of'；
}

---

}))

确保您已按照fancy box的设置部分将jQuery和fancybox jQuery min文件包含在项目文件中

您可以下载它们或通过CDN链接。我通常更喜欢CDN，但ymmvI确保所有文件都正确放置（看起来有些文件出现了问题）。我在jquery.fancybox.js文件的底部添加了代码笔代码：//START CUSTOM js//END CUSTOM js}（document，window.jquery | | jquery）；正确吗？所以最佳做法不是修改供应商代码文件，而是创建您自己的scripts.js文件或任何您想调用的文件，并在其中添加自定义脚本，然后确保链接到jQuery，然后是fancybox js，然后是自定义脚本文件