Instafeed JavaScript 问题

Question

所以我已经将 instafeed.min.js 文件下载到我的机器上。我试图将它包含在我的 HTML 文件中，我这样做是这样的：

<script src ="instafeed.min.js", type = "text/javascript">

这应该是正确的，因为 JavaScript 文件和我的 HTML 文件都在同一目录中。但是，当我运行这个脚本时：

<script type = "text/javascript">
  var feed = new Instafeed({
    get: 'tagged',
    tagName: 'friday',
    clientId: 'bbababfbc6cf42d9bdd731488f99303a'
       });
     feed.run();
</script>

网站上没有显示任何 Instagram 照片。我按照教程进行操作，并通过 Instagram 的开发者网站注册了一个新客户端。我的问题是注册新客户所需的 URL：我可以输入我的本地主机地址作为网站 URL 吗？如果没有，也许这就是我的 clientId 无法正常工作的原因。

EDIT:: 我也使用了相应的 div :

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

Answer 1

尝试

<script src="instafeed.min.js" type="text/javascript"></script>

而不是使用 <style>。

<style> 标签用于文件内 css 规则，不适用于 Javascript。此外，<style> 没有 src 属性。要在 html 中包含外部样式表，请使用

<link rel="stylesheet" type="text/css" href="path/to/my.css" />

Answer 2

你有没有为它添加尊重div？

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

更新：

看起来 Instagram 验证了您的域，因此请尝试将您的文件上传到生产环境。

另一件事，确保 jQuery 已加载。文档说你不需要，但没有它我会遇到一些错误。

代码如下：

<html>
    <head>
        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
        <script src="//cdn.lukej.me/instafeed.js/1.2.0/instafeed.min.js"></script>
        <script>
        $(document).ready(function() {  
            var feed = new Instafeed({
                get: 'tagged',
                tagName: 'cats',
                useHttp: true,
                clientId: 'your-client-id-here '
            });
            feed.run();
          });
        </script>
    </head>

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

Instafeed JavaScript 问题

Instafeed JavaScript Issue

javascript

instagram