我将缩略图设为灯箱时遇到问题。
图像从Flickr加载。加载后,我想实现灯箱,但我收到JavaScript错误:
jQuery(“。picasaGalleryItem”)。colorbox不是函数
也许这是基本的东西,我错过了一些东西。
答案 0 :(得分:3)
查看ColorBox FAQ。如果我查看请求,我会看到jquery.min.js
两次。
答案 1 :(得分:1)
对于初学者,你应该将你的jQuery代码包装在$(document)中。就像这样(在执行时不能保证DOM准备就绪):
$(function() { //CODE HERE });
其次,在实际执行这些DIV上的colorbox之前,您需要确保已加载包含<div>
的图像。由于您是异步加载图像库,因此需要实现一个在加载图像后执行的回调函数,其中包含colorbox函数。据我所知,您需要在picasa.js文件中实现此功能。
答案 2 :(得分:1)
令人讨厌的解决方案是替换:
setTimeout(function(){
jQuery(".picasaGalleryItem").colorbox();
},2000);
与
$(document).ready(function(){
var _colorbox = $.colorbox;
setTimeout(function(){
_colorbox.apply($('.picasaGalleryItem'));
}, 2000);
});
但严重的是......不要两次取消jquery