0

なんらかの理由で、Instafeed ( http://instafeedjs.com/ ) には何も表示されません。それが違いを生む場合、私はlocalhostを使用しています。

私のマークアップは次のとおりです。

<div class="photo-container">
<div id="instafeed"></div>
</div>

CSS で photo-container の高さを設定しました。

これが私のJSです:

<script type="text/javascript">
        var userFeed = new Instafeed({
          clientId: '33a######################76569e',
          get: 'user',
          userId: 22####892,
          accessToken: '2######92.46######.108#######403e8088#####05',
          limit: 9,
          useHttp: true,
          target: 'instafeed',
          template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="likes">&hearts; {{likes}}</div></a>'
          });
          userFeed.run();
    </script>

スクリプトの上に次の行もあります。

<script src="js/instafeed.min.js"></script>

ここで問題が見つからないようですか?奇妙なことに、JSFiddle では機能しますが、localhost では機能しません。写真コンテナがある場所に空きスペースがあるだけです。オンラインにもアップロードしましたが、そこでも機能しません。

4

0 に答える 0