javascript - 使用过滤器进行限制 - instafeed.js

Question

我正在使用 instafeed.js 这个很棒的工具与 instagram 的 api 进行交互。我目前正在尝试将结果过滤为仅 image.type === 'video'。我已经能够让它发挥作用了。唯一的问题是它永远无法满足 limit:10 设置。不知何故，它可能会拉出所有类型(图像和视频)，然后应用过滤器。仅对视频应用过滤器时是否可以满足 10 限制？

var feed = new Instafeed({
  limit: '10',
  sortBy: 'most-liked',
  resolution: 'standard_resolution',
  clientId: 'xxxxx', 
  template:'<div class="tile"><div class="text"><b>{{likes}} &hearts; </b>{{model.user.full_name}}</div><img class="item" src="{{image}}"></div>',
  filter: function(image) {
    return image.type === 'video';
  }
});

Answer 1

您是对的，过滤器始终在limit选项之后应用。

要解决这个问题，请尝试将限制设置为更高的数字，然后删除多余的图像:

var feed = new Instafeed({
  limit: 30,
  sortBy: 'most-liked',
  resolution: 'standard_resolution',
  clientId: 'xxxxx', 
  template:'<div class="tile"><div class="text"><b>{{likes}} &hearts; </b>{{model.user.full_name}}</div><img class="item" src="{{image}}"></div>',
  filter: function(image) {
    return image.type === 'video';
  },
  after: function () {
    var images = $("#instafeed").find('div');
    if (images.length > 10) {
      $(images.slice(10, images.length)).remove();
    }
  }
});

您还可以查看this thread在 Github 上了解更多详细信息。