Question

我对Javascript有点新鲜，但我已经设法将内容加载到页面，这是一个开始。

我试图加载6＆＃34;镜头＆＃34;到这个脚本的页面，但它目前加载所有：

<script type="text/javascript">


$(document).ready(function getDribbbleShots() {   
  $.jribbble.getShotsByPlayerId('abenjamin765', function (playerShots) {
      var html = [];



      $.each(playerShots.shots, function (i, shot) {
          var str = (''+shot.description+'');
          html.push('<div class="col-md-4"><div class="thumbnail"><a href="' +shot.image_url+ '" target="_blank">');
          html.push('<img class="shot-image" src="' + shot.image_url + '" ');
          html.push('alt="' + shot.title + '"></a>');
          //html.push('<div class="caption"><h4>'+ shot.title +'</h4>');
          //html.push('<div class="ellipsis">'+shot.description+'</div>');
          html.push('<p class="imgTitle"><a href="'+shot.url+'" class="btn btn-primary">' + shot.title + '</a></p></div></div></div>');
      });
      $('.dribbble-feed').html(html.join(''));
      //$( ".ellipsis p" ).addClass( "ellipsis" );

  }, {page: 1, per_page: 9});
});

</script>

我还要介绍一个＆＃34;加载更多＆＃34;按钮，一次可以加载3个镜头。

任何帮助都将非常感谢:)

干杯

Answer 1

如果你使用playerShots.shots.slice(0, 2)，循环将只通过前三个＆＃34;镜头。＆＃34;

文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

至于加载更多内容，您需要将API响应的结果保存到您的代码可访问的变量中，该变量显示更多＆＃34;镜头。＆＃34;

Jribbble - 我如何一次加载6个镜头

1 个答案: