Jquery 使用ajax加载幻灯片的幻灯片

我确信这与变量作用域有关，但我似乎可以解决它。我正在尝试使用以下代码将幻灯片加载到royalSlider插件中：

var firstItem = true;
for(var i=0; i<vehIds.length; i++){

    $.ajax({
    type: "GET",
    url: "/proxy/vehicleDetails.aspx?vehId=" + vehIds[i],
    dateType: "html",
    success: function(html) {

        if(firstItem){
            firstItem = false;
            $('#stockSlider').append(html);

            var mainSlider = $('#stockSlider').royalSlider({
                loop: false,
                autoPlay: {
                    enabled: true,
                    pauseOnHover: true,
                    delay: 5500
                }
            }).data('royalSlider');
        } else {
            mainSlider.appendSlide(html);
        }

    },
    complete: function() {}
    }).done(function(){}); // End of Ajax call
}

就像我说的，我很确定这是一个skope问题，但可能是错的

---

提前谢谢

声明var主滑块；在for循环外部和成功回调中，使用：mainsloider=$'stockSlider'.royalsloider{…}；。它修好了吗？事实上，喜欢FirstItem我肯定我试过了，但我刚刚又试了一次，效果不错。像上帝一样。非常感谢。如果你想回答这个问题，我会接受的。再次感谢。

Uncaught TypeError: Cannot read property 'appendSlide' of undefined