javascript - 试图让加载更多按钮在 Instagram Instafeed 脚本上工作，但它在我的网站上没有响应

Question

我有一个 instagram 提要集成到我正在更新的网站中，我正在使用我以前使用过的 instafeed.js，并且我已经设置提要没问题，但我正在尝试集成一个加载更多按钮这将在原始图像集下方加载更多图像。

即使我以前在另一个网站上做过这个，并且我使用的代码与当时完全相同，但它不想让加载更多按钮起作用。任何人都可以帮助我找到我出错的地方并获得解决方案吗？

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，它显示 feed 有 {options: Object, run: function, parse: function, _buildUrl: function} 没有 next 函数定义

我已经用 older version 更新了我的 fiddle 有效的脚本。显然在某个时候，脚本删除了这些功能。