試圖獲得加載更多的按鈕工作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腳本，但它沒有響應我的網站

回答

相關問題