Question

我刚刚下载了Bootstrap 3.3.5。我尝试按照w3Schools Bootstrap tutorial处的示例来创建旋转木马。图像会自动滑动。但是，当我点击＆lt;和＆gt;图标我被引导到错误页面说“不能GET / carousel＆＃39;。

以下是我的Jade代码：

div#carousel.carousel.slide(data-ride='carousel')
 ol.carousel-indicators
  li(data-target='#carousel' data-slide-to='0' class='active')
  li(data-target='#carousel' data-slide-to='1' class='active')
  li(data-target='#carousel' data-slide-to='2' class='active')
  li(data-target='#carousel' data-slide-to='3' class='active')
  li(data-target='#carousel' data-slide-to='4' class='active')
  li(data-target='#carousel' data-slide-to='5' class='active')
 div.carousel-inner(role='list-box')
  div.item.active: img.center-block(src='img/crs1.jpg')
  div.item: img.center-block(src='img/crs2.jpg')
  div.item: img.center-block(src='img/crs3.jpg')
  div.item: img.center-block(src='img/crs4.jpg')
  div.item: img.center-block(src='img/crs5.jpg')
  div.item: img.center-block(src='img/crs6.jpg')
 a.left.carousel-control(href='carousel' role='button' data-slide='previous')
  span.glyphicon.glyphicon-chevron-left(aria-hidden='true')
  span(sr-only='true') Previous
 a.right.carousel-control(href='carousel' role='button' data-slide='next')
  span.glyphicon.glyphicon-chevron-right(aria-hidden='true')
  span(sr-only='true') Next

我该如何解决这个问题？

Answer 1

您需要将href更改为href='#carousel'。在本教程中，他们将窗口更改为新页面书签，而不是新页面URL。

无法在node.js Express中的Bootstrap轮播中滑动到上一个/下一个图像

1 个答案: