ブートストラップカルーセルで隠されたスライドをスキップ

Question

ブートストラップカルーセルを使って隠されたスライドをスキップする方法があるのだろうかと思っていました。私はng-show（）を使ってスライドを表示したり隠したりできますが、カルーセルはまだ空のスライドに移動します。私がprevまたはnextの関数を作ることができるかどうかは、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

多分これはあなたを助けることができる：

はhere

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

ブートストラップカルーセルのドキュメントを見てみましょう。このlinkをチェックしてください。

リンクを確認し、次のボタンまたは前のボタンをクリックすると何が起きているのかを確認できます。このリンクは、あなたが「試してみる」ことができるw3schoolsのソースです。