如何使用Instafeed库显示错误消息

时间:2016-08-11 03:05:36

标签: javascript instafeedjs

当我没有使用div返回图片时,我想在instafeed标记内显示一条消息。我使用了instafeed库并检查了instafeed.js,我看到了No images were returned from Instagram等错误消息,如何在我的Html中显示它?

这是我的HTML代码

<div class="col-md-8">
        <h4>Photos</h4>

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

        <div class="clearfix"></div>
</div>

和我的javascript

 <script src="<?php echo base_url()?>js/instafeed.min.js"></script>

  <script type="text/javascript">
        var feed = new Instafeed({
            get: 'tagged',
            tagName: 'awesome',
            resolution: 'low_resolution',
            clientId: CLIENT_ID,
            userId: USER_ID,
            accessToken: ACCESS_TOKEN,
            useHttp: true,
            template: '<a href="{{link}}"><img src="{{image}}"/></a>'
        });

        feed.run();
    </script>

1 个答案:

答案 0 :(得分:1)

在我的html代码中,我添加了<p> tag并添加了id

 <p id="error"></p>

然后在我的JS中我添加了error选项

 <script type="text/javascript">
    var feed = new Instafeed({
        ......
        error: function(err){
                     $('#error').text(err);
            }
    });

    feed.run();
</script>