Instagram APIを使用してページにギャラリーをロードしています。ajax経由でページに追加されたコンテンツにjqueryライトボックスを追加するには?
<a href="http://distilleryimage1.instagram.com/5184cfc4754211e181bd12313817987b_7.jpg"
title="Photo via washingtonwoman on Instagram" rel="lightbox[gallery]"><img
class="instagram-image"
src="http://distilleryimage1.instagram.com/5184cfc4754211e181bd12313817987b_5.jpg"></a>
私は動的なコンテンツが追加された後、私はライトボックスをロードする必要があります知っている:AJAXは、AJAXがページにコンテンツをロードした後にHTMLはこのような何かをレンダリングするこの
$.ajax ({
type: 'GET',
dataType: 'jsonp',
cache: false,
url: 'https://api.instagram.com/v1/tags/food/media/recent?client_id='+instagramCID,
success: function(data) {
for (i in data.data) {
$('.instagram').append('<div class="instagram-placeholder"><a href="' + data.data[i].images.standard_resolution.url + '" title="Photo via '+ data.data[i].user.username +' on Instagram" rel="lightbox[gallery]"><img class="instagram-image" src="' + data.data[i].images.thumbnail.url +'"/></a></div>');
}
}
});
ようになりますページには、しかし、それを行う方法を把握するように見えることはできません。私がstackoverflowから試した他のアドバイスはすべて、私のブラウザをクラッシュさせた狂気の再帰性を作り出しました。このjqueryのライトボックスプラグインを使用して
:http://leandrovieira.com/projects/jquery/lightbox/
それがうまくいった! $( 'instagram')を$( '#gallery')に変更して少し修正しました。ありがとうございました。私はそれがどれほどシンプルかで少し恥ずかしいですが、あなたの説明は完璧です。 – laurenmichell