bootstrap 中轮播图 data-slide-to 无效

Question

bootstrap 中轮播图 data-slide-to 无效
轮播图是动态生成的，然后轮播图的data-slide-to 也是动态生成的 但是点击 轮播图的slide无反应

function bannerset(data){
    var arr=data;
    for(var i=0;i<arr.length;i++){
        $("#carousel-indicators").append("<li data-target='#causePrev' data-slide-to='"+i+"' class=''></li>")
        $("#causeBanner").append("<div class='item active'><img  class='banner' src="+arr[i]+"></div>")
    }
    $("#carousel-indicators li:first-child").addClass("active")

    //console.log(arr);
    
}

<div class="row causeRow">
                    <!--F1 轮播，课程预告-->
                    <div id="causePrev"  class="full-height carousel slide" >
                        <!-- 轮播（Carousel）指标 -->
                        <ol class="carousel-indicators" id="carousel-indicators">
                            
                        </ol>   
                        <!-- 轮播（Carousel）项目 -->
                        <div class="carousel-inner" id="causeBanner">
                            
                        </div>
                    </div> 
                </div>

实在解决不了，写了demo 是能点的。