无法在 node.js Express 中滑动到 Bootstrap 轮播中的 previous/next 图片

Question

我刚刚下载了 Bootstrap 3.3.5。我尝试按照 w3Schools Bootstrap tutorial 中的示例来创建轮播。图像会自动滑动。但是，当我单击 < 和 > 图标时，我被引导到一个错误页面，上面写着 'Cannot GET /carousel'.

以下是我的翡翠代码：

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'。在教程中，他们将 window 更改为新页面书签，而不是新页面 url。

无法在 node.js Express 中滑动到 Bootstrap 轮播中的 previous/next 图片

Can't slide to previous/next image in Bootstrap carousel in node.js Express

node.js

carousel

express

twitter-bootstrap

pug