试图获得加载更多的按钮工作Instagram Instafeed脚本，但它没有响应我的网站

我有一个instagram馈送集成到网站我更新，我使用instafeed.js我已经使用之前和我已经设置饲料没有问题，但我试图集成一个更多的加载按钮，它会在原始图像集下面加载更多的图像。试图获得加载更多的按钮工作Instagram Instafeed脚本，但它没有响应我的网站

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

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();

来源

2014-09-10 user2498890

你可以添加一个jsFiddle吗？ – AhmadAssaf 2014-09-10 08:29:29

试图但我有我的PHP页面中的脚本，然后在js文件夹中的脚本，所以我怎么会把他们都变成小提琴？ – user2498890 2014-09-10 08:36:03

你能分享该页面的链接吗？ – AhmadAssaf 2014-09-10 09:01:01

我已经加入所提供的代码JsFiddle，问题是next()未定义。

检查的console.log其中表明饲料已{options: Object, run: function, parse: function, _buildUrl: function}没有next函数定义

我已经更新了我的小提琴与工程脚本的older version。显然在某些时候，脚本删除了这些功能。

来源

2014-09-10 09:20:11 AhmadAssaf

感谢您的帮助，我也意识到，我有instafeed.js脚本没有分页元素，以防止它加载更多。欢呼声 – user2498890 2014-09-10 09:55:46

很高兴提供帮助。如果您的问题已解决，您可否将问题标记为已回答问题:) – AhmadAssaf 2014-09-10 10:04:35

试图获得加载更多的按钮工作Instagram Instafeed脚本，但它没有响应我的网站

回答

相关问题