如何更改特定宽度的 instafeeds 限制

Question

我只需更改脚本中的数字即可更改 Instafeed 限制。我想知道是否有办法编写 window 宽度 < 600 或某个数字的 if 语句，然后将限制设置为 4，然后将 else if 设置为 800，然后更改限制，依此类推。有点像你在 CSS 中写的断点。这是我的脚本。

var feed = new Instafeed({
            get: 'tagged',

            limit: 12,
            resolution: "standard_resolution",
            after: function() {
                external();
        }
    });
        feed.run();
        function external(){
    jQuery(document).ready(function($){
        $('#instafeed a').attr('target','_blank');
    });


}

Answer 1

简单，检查 window 宽度。尝试

var InstafeedLimit = 12; // default

if($(window).width() < 800) {
    InstafeedLimit = 4; // change limit on screens less than 800px 
}

var feed = new Instafeed({
            get: 'tagged',
            limit: InstafeedLimit,
            resolution: "standard_resolution",
            after: function() {
                external();
        }
    });
        feed.run();
        function external(){
    jQuery(document).ready(function($){
        $('#instafeed a').attr('target','_blank');
    });

}

如何更改特定宽度的 instafeeds 限制

How to change instafeeds limit on certain widths

jquery

instagram

feed