Twitter为什么不引导Carousel幻灯片?

时间:2013-05-22 03:49:25

标签: ruby-on-rails twitter-bootstrap slider carousel

您好我正在使用Carosuel进行自举。我的照片不会改变的问题。单击下一个箭头时,我的浏览器URL会发生变化。它从http://0.0.0.0:3000http://0.0.0.0:3000/#myCarousel.这是我的代码:

<script type="text/javascript">
  $(document).ready(function() {
    $('.carousel').carousel({
      interval: 1200
    })
  });
</script>


<div id="myCarousel" class="carousel slide">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item"><%= image_tag 'picone.png' %></div>
    <div class="item"><%= image_tag 'pictwo.png' %></div>
    <div class="item"><%= image_tag 'rails.png' %></div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

0 个答案:

没有答案