[英]Trying to get a load more button working on an Instagram Instafeed script but it isn't responding in my site
我有一個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();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.