来自jquery数组的bootstrap carousel幻灯片数据

Question

您好我正在尝试从jquery数组创建一个bootstrap轮播。我在jquery / javascript非常环保，所以我希望你们都不要介意我永无止境的问题。我的代码看起来像这样，但它不起作用....请参阅http://jsfiddle.net/AS9tz/

var slideshowProperties = new Array("5039812", "5046893", "5020260");
var list = $( ".carousel-indicators" );
var item = $(".carousel-inner");

$.each(slideshowProperties, function( intIndex, objValue ){
        list.append($( '<li data-target="#myCarousel" data-slide-to="' +intIndex+ '"</li>' ));
        item.append($('<div class="item"><img src="http://placehold.it/1024&text=placehold.SLIDE - '+intIndex+'"></div>'));

    }
};

我还需要弄清楚如何将class =“active”添加到每个项目的第一个实例中？

Answer 1

我会在每个

之后做一些事情

$('.carousel-indicators li:first').addClass('active');
$('.carousel-inner li:first').addClass('active');