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无法工作的原因。

编辑::我还使用了相应的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问题

2 个答案: