尝试让更多负载按钮在Instagram Instafeed脚本上运行，但在我的网站中没有响应

Question

我有一个instagram feed集成到我要更新的网站中，我使用的是以前使用过的instafeed.js，并且设置了feed没问题，但是我试图集成一个将加载的更多按钮原始图片集下方有更多图片。

即使我之前已经在另一个站点中完成了此操作，并且使用的代码与那时完全相同，但是它并不想使加载更多的按钮起作用。 谁能帮助我找到我要去的地方并获得解决方案？

HTML：

<div class="instagramFeed row">
    <div id="instafeed"></div>

    <p id="mybutton">Load More...</p>

</div>

</div> <!-- end container three -->

CSS：

.instagramFeed {
 padding-bottom: 40px;
 border-bottom: 1px dotted #666666;
}

#instafeed {
 position: relative;
 width: 108%;
 max-width: 108%;
 z-index: 999;
}

#instafeed img {
position: relative;
 width: 20%;
 max-width: 100%;
 margin-right: 4.5%;
 margin-top: 4.5%;
}

#mybutton {
 position: absolute;
 z-index: 999;
}

JS：

var feed = new Instafeed({
target: 'instafeed',
get: 'tagged',
userId: 925022210,
tagName: 'justanotherinvegas',
accessToken: '925022210.467ede5.5d4dff89eb4c464392a859b27f8f43f5',
clientId: 'f1e17875a4214d059676570a91955844',
limit: '12',
sortBy: 'most-recent',
link: 'true',
template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /></a>',
resolution: 'standard_resolution'
});

 // call feed.next() on button click
 $('#mybutton').on('click', function() {
  feed.next();
 });

 feed.run();

Answer 1

我为提供的代码添加了一个JsFiddle ，问题是未定义next() 。

检查console.log，其中显示供稿具有{options: Object, run: function, parse: function, _buildUrl: function} ，没有定义next函数

我已使用较旧版本的脚本更新了小提琴。 显然，该脚本在某些时候删除了这些功能。