Instafeed.js无效

时间:2016-09-04 13:49:21

标签: javascript instafeedjs

我正在尝试使用Instafeed.js,但我的代码无效。我在the InstafeedJS website尝试了下载按钮,但它只显示了代码。我将该代码复制到一个文件中,将其保存为instafeed.min.js,并将其链接到我的网页。我按照Instafeed网站上的步骤进行了操作,但它没有用。

这是我的代码:

<!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>

请记住,我确实拥有正确的clientID和accessToken,但我没有将它们放在上面的代码中,所以没有其他人可以使用它们。

1 个答案:

答案 0 :(得分:2)

尝试将<script></script>标记放在<body>之后<div id="instafeed"></div>。在加载DOM之前,JS可能正在运行。