1

我正在创建一个照片博客来显示我的 365 项目照片。这就是我目前所拥有的。它一次性返回我的整个照片流......

    $.getJSON('http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&api_key=ea494d6b294a94aed2a1f5a04530e387&user_id=57288432@N00&extras=description,date_taken&jsoncallback=?',

function(data){
    $.each(data.photos.photo, function(i, rPhoto){
        var basePhotoURL = 'http://farm' + rPhoto.farm + '.static.flickr.com/' + rPhoto.server + '/' + rPhoto.id + '_' + rPhoto.secret;
        var thumbPhotoURL = basePhotoURL + '.jpg';
        var mediumPhotoURL = basePhotoURL + '_b.jpg';

        var photoStringBuild = '<article style="background-image:url(' + thumbPhotoURL + ')"> <span class="info"><h1><a href="' + mediumPhotoURL + '" title="' + rPhoto.title + '">' + rPhoto.title + '</a></h1><h2>' + rPhoto.datetaken + '</h2><p>' + rPhoto.description._content + '</p></span> </article>';

            photoStringBuild : photoStringBuild ;

        $(photoString).appendTo("#flickr");
    });
});

这行得通。见这里（http://hey.ac）。我现在想做的是添加无限滚动功能，以便在向下滚动浏览器时逐步加载照片。

我已经下载了 Infinite Scroll ( https://github.com/paulirish/infinite-scroll )，它看起来很棒。这是就我的 jQuery 黑客能力而言。我已经阅读了自述文件，JSON 部分提供了以下代码，看起来它可能接近我应该使用的代码......

  $('#flickr').infinitescroll({
  // other options
  dataType: 'json',
  appendCallback: false
}, function(json, opts) {
  // Get current page
  var page = opts.state.currPage; 
  // Do something with JSON data, create DOM elements, etc ..
});

我想要一些指示来帮助解决这个问题。干杯，阿里

4

0 回答 0