Instafeed JavaScript问题
因此,我已将Instafeed JavaScript问题,javascript,instagram,Javascript,Instagram,因此,我已将instafeed.min.js文件下载到我的机器上。我正在尝试将其包含在HTML文件中,我这样做: <script src ="instafeed.min.js", type = "text/javascript"> 试一试 而不是使用 -标记用于文件内css规则,而不是Javascript。另外,没有src-属性。要在html中包含外部样式表,请使用 您是否为它添加了尊敬div <div id="instafeed"></div>
instafeed.min.js
文件下载到我的机器上。我正在尝试将其包含在HTML文件中,我这样做:
<script src ="instafeed.min.js", type = "text/javascript">
试一试
而不是使用
-标记用于文件内css规则,而不是Javascript。另外,
没有src
-属性。要在html中包含外部样式表,请使用
您是否为它添加了尊敬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>
$(文档).ready(函数(){
var feed=新Instafeed({
得到:“标记”,
标记名:“猫”,
是的,
clientId:'您的客户id在此'
});
feed.run();
});
对不起,我本想写的。那是帖子中的一个打字错误。代码正确,但仍然没有执行。是的,我还添加了相应的divIt should,我通过Instagram API注册了我的应用程序,并收到了一个clientId。然而,在网站上,我将我的本地主机列为我的网站URL。不确定这是否是导致问题的原因是的,看起来像是验证域。我想说的是将文件上传到生产环境并在那里运行。文件上说你不需要,但在我的测试中我需要它。我已经成功了,将更新答案。@DeseanAbraham,我已经在一个工作代码中更新了答案。
<div id="instafeed"></div>
<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>