lightbox2空白

Question

我正在使用lightbox2开展项目。 不幸的是，每当我尝试点击图片将其加载到灯箱时，该框保持空白 我检查了请求..图像从Instagram正确加载。 我的项目：

这是我的请求代码：

function getImages(searchText){
    //removing the the last images of the search if there were any 
    $("img").remove();
    //making the ajax call
    $.ajax({
        type: "GET",
        dataType: "jsonp",
        cache: false,
        url: "https://api.instagram.com/v1/tags/"+searchText+"/media/recent?access_token=HEREISMYTOKEN",
        success: function(data) {
            for (var i=0; i <= 6; i++) {
                var image = data.data[i].images.standard_resolution.url
                $("#images").append("<a href='"+image+"' rel='lightbox[insta]' title='Alternately you can press the right arrow key.' ><img src="+data.data[i].images.thumbnail.url+" alt='Plants: image 2 0f 4 thumb' /></a>")
                Lightbox.initialize();
            };
    }
    });
}

任何想法如何解决这个问题？   非常感谢！

Answer 1

在研究了灯箱的工作原理后，我发现了你的问题。

默认情况下，灯箱包含<img class="lb-image">。

在您致电getImages(searchText)功能后，由于您的功能，该功能将被删除：

$("img").remove();

您应该详细说明要删除的img。这应该可以解决你的问题。