加载除键外具有相同src的多个iFrame

Loading multiple iFrames that have same src except for the key

本文关键字：src iFrame 加载      更新时间：2023-09-26

我有大约十几个iFrame需要从Soundcloud加载，除了音轨id之外，链接都是一样的。我想知道是否可以将元素与键和键的其余部分连接起来？像这样：我有一个数组中的键，正在尝试对它们进行迭代。也许我的代码在解释方面会做得更好。

    $(document).ready(function () {
  var iframe = [$('<iframe width="275" height="60" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/'+key+'&amp;color=ff6600&amp;auto_play=false&amp;show_artwork=false"></frame>')];
  var key = [ 105222048,
              115799341,
              115799196,
              115728933,
              115798967,
              111209945,
              115798780,
              115798571,
              115798398,
              115798240,
              115798083,
              115797941,
              115797749
            ];
});
for (var j = 0,  i = $('.wrapper').length; j > i; j++) {
  console.log(iframe+key);
};

类似于：

$(function() {
    var keys = [ 105222048,
                 115799341,
                 115799196,
                 115728933,
                 115798967,
                 111209945,
                 115798780,
                 115798571,
                 115798398,
                 115798240,
                 115798083,
                 115797941,
                 115797749
    ];
    $('.wrapper').each(function(i, ele) {
        $('<iframe />', {
            width       : 275,
            height      : 60,
            scrolling   : 'no',
            frameborder : 'no',
            src         : 'https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/'+key[i]+'&amp;color=ff6600&amp;auto_play=false&amp;show_artwork=false'
        }).appendTo(ele);
    });
});
相关文章：