Javascript 引导js旋转木马标题问题

我有以下转盘html：

<div class="carousel-wrap">
   <div class="carousel carousel-images" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
         <div class="obj active"><img src="https://test.myserver.com/1.jpg"></div>
         <div class="obj"><img src="https://test.myserver.com/2.jpg"></div>
         <div class="obj"><img src="https://test.myserver.com/3.jpg"></div>
         <div class="obj"><img src="https://test.myserver.com/4.jpg"></div>
         <div class="obj"><img src="https://test.myserver.com/5.jpg"></div>
         <div class="obj"><img src="https://test.myserver.com/6.jpg"></div>
         <div class="obj"><img src="https://test.myserver.com/7.jpg"></div>
         <div class="obj"><img src="https://test.myserver.com/8.jpg"></div>
      </div>
   </div>
   <div class="carousel slide carousel-captions" data-ride="carousel" data-interval="false" data-wrap="true">
      <div class="carousel-inner" role="listbox">
         <div class="obj active">
            <div class="para">CAPTION 1</div>
         </div>
         <div class="obj">
            <div class="para">CAPTION 2</div>
         </div>
         <div class="obj">
            <div class="para">CAPTION 3</div>
         </div>
         <div class="obj">
            <div class="para"></div>
         </div>
         <div class="obj">
            <div class="para"></div>
         </div>
         <div class="obj">
            <div class="para"></div>
         </div>
         <div class="obj">
            <div class="para">CAPTION SECOND LAST</div>
         </div>
         <div class="obj">
            <div class="para">CAPTION LAST</div>
         </div>
      </div>
   </div>
   <div class="carousel-indicators-wrapper">
      <ol class="carousel-indicators">
         <li class="active"></li>
         <li class=""></li>
         <li class=""></li>
         <li class=""></li>
         <li class=""></li>
         <li class=""></li>
         <li class=""></li>
         <li class=""></li>
      </ol>
   </div>
</div>

但引导脚本在此之后运行并覆盖我的更改

我试过：

 $('div.carousel-indicators-wrapper ol li').click(function(event){
          event.preventDefault();
          index = $( "div.carousel-indicators-wrapper ol li" ).index( this);
          console.log('From : ' + prev_index + '===> To : ' + index);
          prev_index = index;
          var current_index = index+1;

        /*  $('div.carousel-indicators-wrapper ol li').each(function( loop_index ) {
                console.log( index );
                var il = loop_index+1;
                if(index == loop_index) {
                   $(this).addClass('active');
                   $('div.carousel.carousel-images div.item:nth-child(' + il + ')').addClass('active');
                   $('div.carousel.carousel-captions div.item:nth-child(' + il + ')').addClass('active');
                } else {
                   $(this).removeClass('active');
                   $('div.carousel.carousel-images div.item:nth-child(' + il + ')').removeClass('active');
                   $('div.carousel.carousel-captions div.item:nth-child(' + il + ')').removeClass('active');
                }

          }); */

          $('div.carousel.carousel-images div.item').removeClass('active');
          $('div.carousel.carousel-captions div.item').removeClass('active');
          $('div.carousel-indicators-wrapper ol li').removeClass('active');

          $('div.carousel.carousel-images div.item:nth-child(' + current_index + ')').addClass('active');
          $('div.carousel.carousel-captions div.item:nth-child(' + current_index + ')').addClass('active');
          $('div.carousel-indicators-wrapper ol li:nth-child(' + current_index + ')').addClass('active');

          if(index < prev_index) {
             $('div.carousel.carousel-images div.item:nth-child(' + current_index + ')').addClass('right');
             $('div.carousel.carousel-captions div.item:nth-child(' + current_index + ')').addClass('right');
          } else if(index > prev_index) {
             $('div.carousel.carousel-images div.item:nth-child(' + current_index + ')').addClass('left');
             $('div.carousel.carousel-captions div.item:nth-child(' + current_index + ')').addClass('left');
          }

     });

警报（'prototype.to'）；第一个被叫来。但在点击指示器并获得“prototype.to”警报后，“标题1”被标记为活动。然后滚动显示，而不是“最后一个标题”

---

在bootstrap.js carousel中，单击指示器会触发哪个事件，以及如何覆盖它

我能够解决这个问题：

$(document).ready(function() {

     var index = 0;
     var prev = 0;
     var indicator_click = false;
     $('div.carousel-indicators-wrapper ol.carousel-indicators li').click(function(event){
        index = $(this).index();
        indicator_click = true;
     });

     $('div.carousel').bind('slide.bs.carousel', function (e) {

        if(indicator_click) {
          $('div.carousel-captions div.item').removeClass('active');
          if(index < prev){
           $('div.carousel-captions div.item:eq(' + prev + ')').addClass('right');
           $('div.carousel-captions div.item:eq(' + prev + ')').addClass('active');
           $('div.carousel-captions div.item:eq(' + index + ')').addClass('left');
          } else {
           var i = index;
           var count = $('div.carousel-captions div.carousel-inner').children().length;
           if(index < 0) {
               i = count -1;
           } else {
               i = index - 1;
           }
           $('div.carousel-captions div.carousel-inner div.item:eq(' + i + ')').addClass('active');
          }
        }

     });

      $('div.carousel').bind('slid.bs.carousel', function (e) {
           $('div.carousel-captions div.item').removeClass('left');
           $('div.carousel-captions div.item').removeClass('right');
           prev = index;
           indicator_click = false;
      });
});

$（文档）.ready（函数（）{
var指数=0；
var-prev=0；
var指示器\u click=false；
$（'div.carousel-indicators-wrapper ol.carousel-indicators li'）。单击（函数（事件）{
index=$（this.index（）；
指示器单击=真；
});
$（'div.carousel'）.bind（'slide.bs.carousel'，函数（e）{
如果（单击指示器）{
$（'div.carousel-captions div.item'）.removeClass（'active'）；
如果（指数<上一个）{
$（'div.carousel-captions div.item:eq（'+prev+'））.addClass（'right'）；
$（'div.carousel-captions div.item:eq（'+prev+'））.addClass（'active'）；
$（'div.carousel-captions div.item:eq（'+index+'））.addClass（'left'）；
}否则{
var i=指数；
变量计数=$（'div.carousel-captions div.carousel-inner'）.children（）.length；
如果（指数<0）{
i=计数-1；
}否则{
i=指数-1；
}
$（'div.carousel-captions div.carousel-internal div.item:eq（'+i+'））.addClass（'active'）；
}
}
});
$（'div.carousel'）.bind（'slided.bs.carousel'，函数（e）{
$（'div.carousel-captions div.item'）。removeClass（'left'）；
$（'div.carousel-captions div.item'）。removeClass（'right'）；
prev=指数；
指示器单击=错误；
});
});

我能够解决这个问题：

$(document).ready(function() {

     var index = 0;
     var prev = 0;
     var indicator_click = false;
     $('div.carousel-indicators-wrapper ol.carousel-indicators li').click(function(event){
        index = $(this).index();
        indicator_click = true;
     });

     $('div.carousel').bind('slide.bs.carousel', function (e) {

        if(indicator_click) {
          $('div.carousel-captions div.item').removeClass('active');
          if(index < prev){
           $('div.carousel-captions div.item:eq(' + prev + ')').addClass('right');
           $('div.carousel-captions div.item:eq(' + prev + ')').addClass('active');
           $('div.carousel-captions div.item:eq(' + index + ')').addClass('left');
          } else {
           var i = index;
           var count = $('div.carousel-captions div.carousel-inner').children().length;
           if(index < 0) {
               i = count -1;
           } else {
               i = index - 1;
           }
           $('div.carousel-captions div.carousel-inner div.item:eq(' + i + ')').addClass('active');
          }
        }

     });

      $('div.carousel').bind('slid.bs.carousel', function (e) {
           $('div.carousel-captions div.item').removeClass('left');
           $('div.carousel-captions div.item').removeClass('right');
           prev = index;
           indicator_click = false;
      });
});

$（文档）.ready（函数（）{
var指数=0；
var-prev=0；
var指示器\u click=false；
$（'div.carousel-indicators-wrapper ol.carousel-indicators li'）。单击（函数（事件）{
index=$（this.index（）；
指示器单击=真；
});
$（'div.carousel'）.bind（'slide.bs.carousel'，函数（e）{
如果（单击指示器）{
$（'div.carousel-captions div.item'）.removeClass（'active'）；
如果（指数<上一个）{
$（'div.carousel-captions div.item:eq（'+prev+'））.addClass（'right'）；
$（'div.carousel-captions div.item:eq（'+prev+'））.addClass（'active'）；
$（'div.carousel-captions div.item:eq（'+index+'））.addClass（'left'）；
}否则{
var i=指数；
变量计数=$（'div.carousel-captions div.carousel-inner'）.children（）.length；
如果（指数<0）{
i=计数-1；
}否则{
i=指数-1；
}
$（'div.carousel-captions div.carousel-internal div.item:eq（'+i+'））.addClass（'active'）；
}
}
});
$（'div.carousel'）.bind（'slided.bs.carousel'，函数（e）{
$（'div.carousel-captions div.item'）。removeClass（'left'）；
$（'div.carousel-captions div.item'）。removeClass（'right'）；
prev=指数；
指示器单击=错误；
});
});

过去两天我一直在做这个。。。如果有任何帮助，我将不胜感激。我已经为此工作了两天。。。任何帮助都将不胜感激

$(document).ready(function() {

     var index = 0;
     var prev = 0;
     var indicator_click = false;
     $('div.carousel-indicators-wrapper ol.carousel-indicators li').click(function(event){
        index = $(this).index();
        indicator_click = true;
     });

     $('div.carousel').bind('slide.bs.carousel', function (e) {

        if(indicator_click) {
          $('div.carousel-captions div.item').removeClass('active');
          if(index < prev){
           $('div.carousel-captions div.item:eq(' + prev + ')').addClass('right');
           $('div.carousel-captions div.item:eq(' + prev + ')').addClass('active');
           $('div.carousel-captions div.item:eq(' + index + ')').addClass('left');
          } else {
           var i = index;
           var count = $('div.carousel-captions div.carousel-inner').children().length;
           if(index < 0) {
               i = count -1;
           } else {
               i = index - 1;
           }
           $('div.carousel-captions div.carousel-inner div.item:eq(' + i + ')').addClass('active');
          }
        }

     });

      $('div.carousel').bind('slid.bs.carousel', function (e) {
           $('div.carousel-captions div.item').removeClass('left');
           $('div.carousel-captions div.item').removeClass('right');
           prev = index;
           indicator_click = false;
      });
});