簡體   English   中英

嘗試讓更多負載按鈕在Instagram Instafeed腳本上運行,但在我的網站中沒有響應

[英]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();

我為提供的代碼添加了一個JsFiddle ,問題是未定義next()

檢查console.log,其中顯示供稿具有{options: Object, run: function, parse: function, _buildUrl: function} ,沒有定義next函數

我已使用較舊版本的腳本更新了小提琴。 顯然,該腳本在某些時候刪除了這些功能。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM