Javascript jQuery中的每一个都不能正常运行

我有一个10个滑块元素的滑块。但是，如果我的数据结构包含20个集合，那么10个元素中只有7个被渲染。该网站是托管的

有问题的代码

function populateCarousell(cdata) {
    var x = 0;  //debug
    jQuery(".wslide-slides .wslide-slide").each(function() {
        var single = cdata.shift();
        var jcurrSlide = jQuery(this);
        jcurrSlide.find(".wslide-caption-text").text(single.title);
        jcurrSlide.find("a").attr('href', "https://carousell.com/p/" +single.id);
        jcurrSlide.css({'background-image':Base64.decode('dXJs')+'('+single.primary_photo_full_url+')'});
        jcurrSlide.css({'background-image':'contain'});
        jcurrSlide.css({'background-position':'50% 50%'});
        jcurrSlide.css({'background-repeat': 'no-repeat'});
        x++;  //debug
        jcurrSlide.find(".wslide-slide-inner2").removeAttr('style').find("img").css({'display':'none'});
    });
    alert(x);   //Outputs 7
}

它由激活，以确保页面完全加载

function caroDataCallback(data) {
    if(document.readyState != "complete" ) {
        setTimeout(function() { caroDataCallback(data); }, 2000);
    }
    else{
        populateCarousell(data);
    }
}

经铬检验，结果为：

---

这是因为在javascript文件中调用populateCarousellcdata函数时，页面未完全加载。尝试使用$document.ready，而不是使用$document.load，以确保在启动旋转木马之前已加载所有图像

更新：使用$window.on'load'，函数{..}；相反

---

希望这有帮助。

已更新触发器代码。代码包含确保页面完全加载的检查。这不正确吗？事实上，.load已经被弃用了。它应该是$window.on'load'，函数{…}。尝试了您的方法。现在似乎根本没有加载。顺便说一下，我输入了一个小错误-$window.on'load'，函数{populateCarousell；}；。我看到$document.load现在在您的页面上使用，但这是不正确的代码。现在它返回到6项而不是10项