在一个页面上实现2个bootstrap轮播?

时间:2015-06-18 02:15:28

标签: javascript jquery html css twitter-bootstrap

尽管两个转盘都有唯一的ID,但由于某些原因,我页面上的第二个转盘无法正常运行。

例如,第二个旋转木马的左右箭头会做这个奇怪的事情,它只是重新定位自己。另外我在第二个旋转木马上面有一个小的灰色区域(我假设在CSS中有某种高度问题)。

我想将第二个旋转木马用作“照片库”旋转木马。有人可以帮忙吗?

https://jsfiddle.net/mrdat/nv7rsgpg/3/

 R CMD BATCH  

2 个答案:

答案 0 :(得分:1)

嗯,您只需要在>>= js a点击功能中再添加一个条件/过滤,并且效果很好!!

<强> DEMO

href="#myCarousel2"

答案 1 :(得分:0)

您需要在控制按钮上使用数据目标而不是href。

像这样:

 <a class="left carousel-control" href="" data-target="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>