0

嗨，我正在尝试在我的网站上显示我的用户照片。我已将 javascript 放在页面顶部，如下所示：

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>tomsaxby.com</title>

<!-- CSS ------------------------------------------------------------------------------------------- -->
<!-- Bootstrap --><!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- EDITS -->
<link rel="stylesheet" href="css/style.css">  
<!-- Fonts -->
<link rel="stylesheet" href="fonts/neuzeit/MyFontsWebfontsKit.css" type="text/css" />
<!-- CSS ------------------------------------------------------------------------------------------- -->

<script type="text/javascript" src="path/to/instafeed.min.js"></script>    
<script type="text/javascript">
var feed = new Instafeed({
    get: 'user',
    userId: 904401907,
    accessToken: '904401907.1677ed0.27d4a579f194430cbe77c28af165aae1'
});
userFeed.run();
</script>
</head>

然后，我将一个 ID 为“instafeed”的 div 放入我的页面正文中。但是本地或上传文件时什么都没有显示？有人知道为什么吗？

4

3 回答 3

0

另一件事...... instafeed 页面似乎没有提到......是添加一个“限制”......这告诉 instagram 有多少图像要放入......否则我想默认为零......

我做了我的：限制：'4'

放入说明中将是一条非常有用的信息！

见下文：

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'cool',
        clientId: '916c01b8624d43c7b4b76369aruc86a0',
        limit: '4' 
    });
    feed.run(); </script>
于 2016-03-17T01:25:36.323 回答
0

问题的最可能原因是 instafeed.js 试图在您的页面完全加载之前运行。

要解决此问题，请确保您已放入<div id="instafeed"></div>页面，并且在页面完全加载后加载 instafeed.js：

$(document).ready(function() {
  var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: clientId
  });
  feed.run();
});
于 2015-10-24T16:35:05.663 回答
-1

您的instafeed.js文件未正确调用。

你已经把这个：

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

path/to/之前instafeed.min.js需要实际上是您的网站信息的工作路径。

于 2016-03-17T01:12:33.510 回答