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

标签 javascript instafeedjs

当使用 instafeed 没有返回图像时,我想在 div 标记内显示一条消息。我正在使用 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>

最佳答案

在我的 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>

关于javascript - 如何使用 Instafeed 库显示错误消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38886611/

相关文章:

javascript - 如何在拖动时更改可排序元素的样式?

javascript - Instafeed.js 不加载任何图片

javascript - 无法从 Shopify 调用 instagram API

javascript - Instafeed Js - 如何给每张图片不同的尺寸

javascript - 向 instafeed.js 实例添加属性?

javascript - Instafeedjs 和 Fancybox 如何让灯箱在 instafeed 的 javascript 输出上工作

javascript - 提交时显示表单输入

javascript - 动态添加的 HTML 元素不会受到插件的影响!

javascript - jquery javascript 问题

javascript - 从 MySQL 加载数据以在 D3 中用于创建折线图