Jquery Flickr图像未在Colorbox模式下显示

我创建了一个Flickr JSON请求，返回一组缩略图。将鼠标悬停在缩略图上会显示标题。但是，我尝试在单击缩略图时调用Colorbox模式

颜色框模式打开，但不显示图像。我的猜测是在click请求之前没有加载DOM，但是我不知道如何解决这个问题（如果确实是DOM还没有加载的问题）

这是我的密码和密码

（函数（$）{
$（文档）.ready（函数（）{
var url=[”https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=a66ae3b787a9d02a3da0f2b63ac621be&tag_mode=all&text=[标题]&排序=记录日期和组id=47259259@N00&附加内容=描述%2Cdate\u拍摄%2Ctags%2Cowner\u姓名%2Curl\u q&per\u page=500&page=1“]；
var-src；
var a_href；
对于（var i=0；i，出于链接目的，jQuery返回原始元素集，而不是包装的元素集

因此，按照当前编写代码的方式，
colorbox（）
被添加到



编辑：
下面是一个如何将链接添加到颜色框标题的示例。请注意，我不确定这是否违反了Flickr的TOS

$.each(data.photos.photo, function (i, item) {

    // direct link to the image
    a_href = item.url_q.replace('_q', '_z');

    // Build image, wrap with href, preform colorbox() on href.
    $("<img/>").attr("src", item.url_q)
               .attr("title", item.title)
               .attr("datetaken", item.datetaken)
               .appendTo("#images")
               .wrap('<a  href="' + a_href + '" name="' + item.link + '" title="' + item.title + '" target="external"></a>')
               .parent().colorbox();

});

$。每个（data.photos.photo，函数（i，项）{
//链接到图像页面（FLICKR TOS需要）
var link_back=”https://www.flickr.com/photos/“+item.owner+”/“+item.id+”？宽度=1020，高度=500，iframe=true”+“/”；
//直接图像url
a_href=item.url_q.replace（'u q'，'u z'）；
//将图像放置在图像标记中并附加到图像DIV
$("
感谢您的快速响应。添加parent（）函数很有效。此外，在Colorbox标题中添加Flickr链接（包含所有照片详细信息）正是我想做的。我相信这可以解决Flickr的TOS问题。
 $("<img/>").attr("src", item.url_q)
            .attr("title", item.title)
            .attr("datetaken", item.datetaken)
            .appendTo("#images")
            .wrap('<a  href="' + a_href + '" name="' + item.link + '" title="' + item.title + '" target="external"></a>')
            .parent().colorbox();

$.each(data.photos.photo, function (i, item) {

    // direct link to the image
    a_href = item.url_q.replace('_q', '_z');

    // Build image, wrap with href, preform colorbox() on href.
    $("<img/>").attr("src", item.url_q)
               .attr("title", item.title)
               .attr("datetaken", item.datetaken)
               .appendTo("#images")
               .wrap('<a  href="' + a_href + '" name="' + item.link + '" title="' + item.title + '" target="external"></a>')
               .parent().colorbox();

});

$.each(data.photos.photo, function (i, item) {

    //LINK TO IMAGE PAGE (REQUIRED BY FLICKR TOS)
    var link_back="https://www.flickr.com/photos/" + item.owner + "/" + item.id + "?width=1020&height=500&iframe=true" + "/";

    // direct image url
    a_href = item.url_q.replace('_q', '_z');

    //PLACE IMAGE IN IMAGES TAG AND APPEND TO IMAGES DIV  
    $("<img/>").attr("src", item.url_q)
               .attr("title", item.title)
               .attr("datetaken", item.datetaken)
               .appendTo("#images")
               .wrap('<a  href="' + a_href + '" name="' + item.link + '" title="' + item.title + '" target="external"></a>')
               .parent().colorbox({
                 title:function () {
                   return $((this.title).link(link_back)).attr('target', '_blank');
                 }
               });
});