灯箱问题

Question

我将缩略图设为灯箱时遇到问题。

链接：http://www.ceanagupta.com/

图像从Flickr加载。加载后，我想实现灯箱，但我收到JavaScript错误：

  

jQuery（“。picasaGalleryItem”）。colorbox不是函数

也许这是基本的东西，我错过了一些东西。

Answer 1

查看ColorBox FAQ。如果我查看请求，我会看到jquery.min.js两次。

Answer 2

对于初学者，你应该将你的jQuery代码包装在$（document）中。就像这样（在执行时不能保证DOM准备就绪）：

$(function() { //CODE HERE });

其次，在实际执行这些DIV上的colorbox之前，您需要确保已加载包含<div>的图像。由于您是异步加载图像库，因此需要实现一个在加载图像后执行的回调函数，其中包含colorbox函数。据我所知，您需要在picasa.js文件中实现此功能。

Answer 3

令人讨厌的解决方案是替换：

    setTimeout(function(){
        jQuery(".picasaGalleryItem").colorbox();
    },2000);

与

    $(document).ready(function(){
        var _colorbox = $.colorbox;     

        setTimeout(function(){
            _colorbox.apply($('.picasaGalleryItem'));   
        }, 2000);
    });

但严重的是......不要两次取消jquery