0

我正在使用 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();
            };
    }
    });
}

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

4

1 回答 1

0

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

默认情况下，灯箱具有<img class="lb-image">.

调用getImages(searchText)函数后，由于以下函数，它被删除：

$("img").remove();

您应该详细指定要删除的 img。这应该可以解决您的问题。

于 2012-07-30T07:33:10.197 回答