基本的Fancybox / jquery问题

时间:2018-07-19 17:53:23

标签: javascript jquery fancybox

我正在尝试向我的fancybox画廊添加一些简单的图像功能,但出现一个奇怪的错误。

我抓取了http://fancyapps.com/fancybox/3/docs/#faq此处提供的代码,通过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>';
}

});

1 个答案:

答案 0 :(得分:0)

请确保您已根据精美框的“设置”部分在项目文件中包含jQuery和精美框jQuery min文件