Question

嗨我想在我的网站上显示我的用户照片的Instagram Feed。我已将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>

然后我把一个带有“instafeed”id的div放到我的页面正文中。但没有任何东西显示在本地或我上传我的文件？有谁知道这是为什么？

Answer 1

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

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

$(document).ready(function() {
  var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: clientId
  });
  feed.run();
});

Answer 2

还有一件事......那些不安全的页面似乎没有提到......是添加一个＆＃34;限制＆＃34; ...这告诉instagram有多少图像要放入...否则我想默认值为零...

我做了我的：限制：＆＃39; 4＆＃39;

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

见下文：

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'cool',
        clientId: '916c01b8624d43c7b4b76369aruc86a0',
        limit: '4' 
    });
    feed.run(); </script>

Answer 3

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

你已经把这个：

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

path/to/之前instafeed.min.js需要真正成为您网站信息的工作路径。

Instafeed没有加载

3 个答案: