Skip ausgeblendete Folien in Bootstrap Carousel

Question

Ich frage mich, ob es eine Möglichkeit gab, versteckte Folien mit einem Bootstrap Karussell zu überspringen. Ich kann die Folien mit ng-show() anzeigen und ausblenden, aber das Karussell geht immer noch auf die leeren Folien. Ich frage mich nur, ob ich eine Funktion für prev oder next machen könnte, die zur nächsten Folie geht, wo ng-show() = true?

<div class="carousel-inner" role="listbox"> 
    <div class="item active" ng-show="solution.check"> 
    <img src="img_chania.jpg" alt="Chania" width="460" height="345"> 
    </div> 

    <div class="item" ng-show="solution.check"> 
    <img src="img_chania2.jpg" alt="Chania" width="460" height="345"> 
    </div> 

    <!-- Left and right controls --> 
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
    <span class="sr-only">Previous</span> 
    </a> 
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
    <span class="sr-only">Next</span> 
    </a> 
</div> 

Answer 1

Vielleicht können diese Ihnen helfen:

Werfen Sie einen Blick auf Bootstrap-Karussell Dokumentation here

$("selector").on("slide.bs.carousel", function(){ 
    if($(nextslide).attr("ng-show") == false){ 
     // go to next element 
    } 
}); 

prüfen diese link.

Sie können sich den Link ansehen und prüfen, was passiert, wenn Sie auf die Schaltflächen next oder prev klicken. Der Link ist eine Quelle für w3schools, wo Sie es ausprobieren können.