【问题标题】:Instafeed.js not workingInstafeed.js 不工作
【发布时间】:2016-09-04 13:49:21
【问题描述】:

我正在尝试使用 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,但我没有将它们放在上面的代码中,因此其他人无法使用它们。

【问题讨论】:

    标签: javascript instafeedjs


    【解决方案1】:

    尝试将&lt;script&gt;&lt;/script&gt; 标签放在&lt;body&gt; 中,在&lt;div id="instafeed"&gt;&lt;/div&gt; 之后。 JS 可能在 DOM 加载之前就已经运行了。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-23
      • 1970-01-01
      • 2021-07-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-11
      相关资源
      最近更新 更多