Question

我正在使用Carousel控件。现在我也在维护一个java脚本集合和数组，如下所示：现在，这是在UI中呈现轮播的方式：

 <div class="carousel slide " id="divFormCarousel" data-interval="false" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
            <li class="active" onclick="SetSaveAndNext()" data-target="#divFormCarousel" data-slide-to="0"></li>
            <li onclick="SetSaveAndNext()" data-target="#divFormCarousel" data-slide-to="1"></li>
            <li onclick="SetFinish()" data-target="#divFormCarousel" data-slide-to="2"></li>
      </ol>
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
      <div class="item active" id="101">
      <form id="frmConsentForm+101" method="post" data-url="/Forms/Save">
     </form>
      </div>
      <div class="item" id="102">
      <form id="frmConsentForm+102" method="post" data-url="/Forms/Save"> 
     </form>
     </div>
      <div class="item" id="404">         
      <form id="frmConsentForm+404" method="post" data-url="/Forms/Save"></form>
      </div>        
      </div>
      <a class="left carousel-control hidden-xs hidden-sm hidden-md hidden-lg" id="leftChevron" style="margin-left: -90px; filter: none;" href="#divPatientFormCarousel" data-slide="prev"><i class="fa fa-chevron-left"></i></a>
      <a class="right carousel-control hidden-xs hidden-sm  hidden-md hidden-lg" id="rightChevron" style="margin-right: -90px; filter: none;" href="#divPatientFormCarousel" data-slide="next"><i class="fa fa-chevron-right"></i></a>
    </div>

现在我们知道：

$('#leftChevron').trigger('click'); //This actually helps us to slide to the previous slide, which s working fine!

但是我想在这里实现的是基于下面定义的数组和集合，假设我在id为404的幻灯片上，当我点击上一个按钮（内部调用leftChevron点击）时，我想重定向到该幻灯片（符合下面定义的某些标准）而不是之前的确切幻灯片。标准是：当我点击btnPrevious时，根据集合和数组重定向到表单[id] = 0而不是1的那个表单。

forms = {}; //存储formid及其对应状态的集合。就像表格[101] =“0”，表格[102] =“1”，表格[404] =“0” formsarray = []; //这会存储formid，就像formsarray [0] = 101一样。 formsarray [1] = 102，formsarray [2] = 404

基本上，使用JQuery，我认为它应该是一个简单的修复，所以任何帮助都会非常有用。提前谢谢。

Answer 1

Bootstrap Carousel有一个API。如果您知道需要滚动到哪个页面，则只需调用：

i.e-'02PM :: 03PM','03PM :: 04PM','04PM :: 05PM

（用你的jQuery选择器替换$ div。）

顺便说一下，您还可以使用正确的API方法，而不是点击$div.carousel(pageNumber);或#leftChevron：

#rightChevron

和

$div.carousel('prev');

如何转到leftChevron上的特定幻灯片点击bootstrap carousel而不是立即前一张幻灯片？

1 个答案: