Instagram的API与prettyPhoto

Question

我想prettyPhoto从我的网站上我的Instagram的饲料可在www.dirtycookie.co

可以看到我可以成功地拉照片从Instagram的API但添加到我的照片，我不能加prettyPhoto功能添加到Feed中的图片。这里是我的ajax调用与prettyPhoto钩：

<script> 

$(function() { 
    $.ajax({ 
     type: "GET", 
     dataType: "jsonp", 
     cache: false, 
     url: "https://api.instagram.com/v1/users/<?=$user_id?>/media/recent/?access_token=13137.f59def8.1a759775695548999504c219ce7b2ecf", 
     success: function(data) { 
      for (var i = 0; i < <?=$num_to_display?>; i++) { 
      jQuery('.instagram').append('<div class="instagram-placeholder"><a href="' + data.data[i].images.standard_resolution.url + '" rel="prettyPhoto"><img alt="'+ data.data[i].caption.text +'" class="instagram-image" src="' + data.data[i].images.thumbnail.url +'"/></a></div>'); 
      }  

     } 
    }); 
}); 

</script> 

它几乎表现为，如果没有被称为jquery.prettyPhoto.js，我已确认这是在/ JS /文件夹。

这里是我的启动脚本，并在机身底部：

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function(){ 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
    }); 
</script> 

用Firebug我可以看到阿贾克斯在为rel =“prettyPhoto”正常投入。

任何人有任何建议吗？

谢谢， 克里斯

Answer 1

您是在为“domready中”锚连接的prettyPhoto（）函数，甚至在内容从AJAX调用拉动。因此它不起作用。 试试这个。

$(function() { 
    $.ajax({ 
     type: "GET", 
     dataType: "jsonp", 
     cache: false, 
     url: "https://api.instagram.com/v1/users/<?=$user_id?>/media/recent/?access_token=13137.f59def8.1a759775695548999504c219ce7b2ecf", 
     success: function(data) { 
      for (var i = 0; i < <?=$num_to_display?>; i++) { 
      jQuery('.instagram').append('<div class="instagram-placeholder"><a href="' + data.data[i].images.standard_resolution.url + '" rel="prettyPhoto"><img alt="'+ data.data[i].caption.text +'" class="instagram-image" src="' + data.data[i].images.thumbnail.url +'"/></a></div>'); 
      }  
$("a[rel^='prettyPhoto']").prettyPhoto(); 

     } 
    }); 
});