基本的Fancybox/jquery问题

Question

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

我抓取了这里提供的代码，通过http://fancyapps.com/fancybox/3/docs/#faq查看它，并将它添加到jquery.fancybox.js文件中。

它在代码中工作得很好，但是当我将它添加到我的文件中时，我得到了一个"Uncaught：$(...).fancybox is not a TypeError“错误。

我是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>';
}

})；

Answer 1

确保你已经在你的项目文件中包含了jQuery和fancybox jQuery最小文件，每一个花式盒子的设置部分