Bootstrap Carousel Next Prev 链接不起作用

Question

我在我的设计中使用 Bootstrap Carousel 元素，因为我想使用淡入效果，所以我扩展了插件，正如 link 中所建议的那样

现在 Next 和 Prev 按钮不起作用。

链接：http://play.mink7.com/suoll/v2

<div data-ride="carousel" class="carousel slide carousel-fade" id="carousel-example-captions carousel_fade">
        <div class="carousel-inner">
          <div class="item"> <img alt="900x500" src="images/slider/img1.jpg">
            <div class="carousel-caption">
              <h3>First slide label</h3>
              <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
            </div>
          </div>
          <div class="item active"> <img alt="900x500" src="images/slider/img2.jpg">
            <div class="carousel-caption">
              <h3>Second slide label</h3>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
            </div>
          </div>
          <div class="item"> <img alt="900x500" src="images/slider/img3.jpg">
            <div class="carousel-caption">
              <h3>Third slide label</h3>
              <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
            </div>
          </div>
        </div>
        <a data-slide="prev" href="#carousel-example-captions " class="left carousel-control"> <span class="glyphicon glyphicon-chevron-left"></span> </a> 
        <a data-slide="next" href="#carousel-example-captions" class="right carousel-control"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div>

Answer 1

看你的代码我认为错误就在这里（错误的id分配）

 id="carousel-example-captions carousel_fade"

应该是

 id="carousel-example-captions" class="carousel_fade"

然后（也删除 prev href 属性末尾的空格）

<a data-slide="prev" href="#carousel-example-captions" class="left carousel-control"> <span class="glyphicon glyphicon-chevron-left"></span> </a> 
<a data-slide="next" href="#carousel-example-captions" class="right carousel-control"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div>

这样prev和next的href中的id应该可以工作