0

我有一个 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();
4

1 回答 1

2

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

检查console.log，它显示提要{options: Object, run: function, parse: function, _buildUrl: function}没有next定义函数

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

于 2014-09-10T09:20:11.027 回答