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 に答える