Invalid data-slide-to of broadcast map in bootstrap

the data-slide-to of the broadcast graph in bootstrap is not valid
the rotation graph is dynamically generated, and then the data-slide-to of the rotation graph is also dynamically generated, but the slide of the rotation graph does not respond by clicking the slide of the rotation graph

function bannerset(data){
    var arr=data;
    for(var i=0;i<arr.length;iPP){
        $("-sharpcarousel-indicators").append("<li data-target="-sharpcausePrev" data-slide-to=""+i+"" class=""></li>")
        $("-sharpcauseBanner").append("<div class="item active"><img  class="banner" src="+arr[i]+"></div>")
    }
    $("-sharpcarousel-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>

clipboard.png
really can"t solve it. You can click if you write demo.

Jun.03,2021
Menu