Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 灯箱的问题_Javascript_Jquery_Lightbox_Colorbox - Fatal编程技术网

Javascript 灯箱的问题

Javascript 灯箱的问题,javascript,jquery,lightbox,colorbox,Javascript,Jquery,Lightbox,Colorbox,我有问题,使我的缩略图作为灯箱 链接: 图像从Flickr加载。加载后,我想实现lightbox,但我得到了JavaScript错误: jQuery(“.picasaGalleryItem”)。colorbox不是函数 也许这是一些基本的东西,但我遗漏了一些东西。对于初学者,您应该将jQuery代码包装在$(文档)中。准备就绪(DOM在执行时不保证准备就绪): 其次,在实际对这些div执行colorbox之前,您需要确保加载了图像和包含。由于异步加载图像库,因此需要实现一个在加载图像后执行的回调

我有问题,使我的缩略图作为灯箱

链接:

图像从Flickr加载。加载后,我想实现lightbox,但我得到了JavaScript错误:

jQuery(“.picasaGalleryItem”)。colorbox不是函数


也许这是一些基本的东西,但我遗漏了一些东西。

对于初学者,您应该将jQuery代码包装在$(文档)中。准备就绪(DOM在执行时不保证准备就绪):


其次,在实际对这些div执行colorbox之前,您需要确保加载了图像和包含
。由于异步加载图像库,因此需要实现一个在加载图像后执行的回调函数,其中包含colorbox函数。据我所知,您需要在picasa.js文件中实现这一点。

对于初学者,您应该将jQuery代码封装在$(document)中


其次,在实际对这些div执行colorbox之前,您需要确保加载了图像和包含
。由于异步加载图像库,因此需要实现一个在加载图像后执行的回调函数,其中包含colorbox函数。据我所知,您需要在picasa.js文件中实现这一点。

看看颜色框。如果我查看请求,我会看到两次
jquery.min.js

查看颜色框。如果我查看请求,我会看到两次
jquery.min.js

糟糕的解决方案是替换:

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


但说真的。。。不要两次解开jquery

最糟糕的解决方案是替换:

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


但说真的。。。不要两次解开jquery

非常感谢。这就是问题所在,我一直在四处寻找。脚本中还加载了一个jQuery实例。非常感谢。这就是问题所在,我一直在四处寻找。脚本中又加载了一个jQuery实例。谢谢,问题不在于超时,而在于两次jQuery加载。谢谢,问题不在于超时,而在于两次jQuery加载。事实上,我实现了这一点。帮助执行即时处决事实上,我实现了这一点。帮助立即执行
    $(document).ready(function(){
        var _colorbox = $.colorbox;     

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