如何去左侧的特定幻灯片点击引导转盘而不是直接上一张幻灯片？

我正在使用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及其相应状态的集合。因此它是like form [101] =“0”，forms [102] =“1”，forms [404] =“0” formsarray = []; //存储formid，如formsarray [0] = 101。 formsarray [1] = 102，formsarray [2] = 404

基本上，使用jQuery，我认为它应该是一个简单的修复，所以任何帮助将会非常令人满意。在此先感谢。

来源

2015-10-14 user2948533

你能否在jsfiddle上复制相同的http：//jsfiddle.net – dreamweiver

Bootstrap Carousel对此有一个API。如果你知道你需要哪些页面滚动到，你只是简单的需要拨打：（与你的jQuery选择替换$格）

$div.carousel(pageNumber);

顺便说一句，而不是点击#leftChevron或#rightChevron，你也可以用正确的API方法：

$div.carousel('prev');

和

$div.carousel('next');

来源

2015-10-14 07:11:47 meskobalazs

如何去左侧的特定幻灯片点击引导转盘而不是直接上一张幻灯片？

回答

相关问题