Instafeed.js没有't在页面上显示图像

Instafeed.js doesn't show images on page

本文关键字：显示 图像 显示图 没有 js Instafeed      更新时间：2023-09-26

我试图将instafeed.js用于我的本地站点。但我不明白为什么我的帐户中的图像没有显示？

我的代码

连接了instafeed.js和我编写脚本的文件

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

图像部分

<section class="instagram-wrap">
    <div class="container">
    <div class="row">
        <div class="col-xs-12">
            <div class="instagram-content">
                <h3>Latest Photos</h3>
                <div class="row photos-wrap">
                    <div id="inst"></div>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>

和具有instafeed值的CCD_ 1

$(function() {
    var feed = new Instafeed({
        get: 'user',
        userId: ID,                
        accessToken: 'Token',
        target: 'inst',
        links: true,
        limit: 8,
        useHttp: true,
        sortBy: 'most-recent',
        resolution: 'standard_resolution',
        template: '<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        <div class="photo-box">
                            <div class="image-wrap">
                                <img src="http:{{image}}"/>
                            </div>
                            <div class="description">{{caption}} </div>
                        </div>
                    </div>'
    });
    feed.run();
});

您的代码可以正常工作，除了关于模板定义的错误：

SyntaxError:未终止的字符串文字

将所有模板放在一行中，或者在每行的末尾使用'来获得多行字符串文字。

尝试将模板参数内联如下：

template: '<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"><div class="photo-box"><div class="image-wrap"><img src="http:{{image}}"/></div><div class="description">{{caption}} </div></div></div>'

或在线中断插入'

相关文章：