2016-09-04 17 views
0

Instafeed.jsを使用しようとしていますが、コードが動作しません。私はthe InstafeedJS websiteでダウンロードボタンを試しましたが、コードだけを表示します。私はそのコードをファイルにコピーし、instafeed.min.jsとして保存し、それを私のWebページにリンクしました。私はInstafeedウェブサイトの手順に従ったが、うまくいかなかった。Instafeed.jsが動作しない

は、ここに私のコードです:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>Document</title> 
    <script type="text/javascript" src="instafeed.min.js"></script> 

    <script type="text/javascript"> 
    var feed = new Instafeed({ 
    get: 'tagged', 
    tagName: 'awesome', 
    clientId: 'CLIENT-ID', 
    accessToken: 'ACCESS-TOKEN', 
    template: '<li><div><a href="{{link}}"><img src="{{image}}" /></a> <h3>{{caption}}</h3></div></li>', 
    resolution: 'standard_resolution' 
    }); 
    feed.run(); 
</script> 
</head> 
<body> 

    <div id="instafeed"></div> 

</body> 
</html> 

は、私が正しいクライアントIDとaccessTokenを持っている点に注意してください、私は誰もがそれらを使用することはできませんので、上記のコードに入れませんでした。

答えて

2

<body>には、<div id="instafeed"></div>の後に<script></script>タグを入れてみてください。 JSがロードされる前にJSが実行されている可能性があります。