书签 Bootstrap 轮播

Question

假设轮播中有五个项目，我想将 html 书签添加到 bootstrap 轮播的第 2 个项目。我知道书签如何在不同页面中工作，但我不知道如何通过 URL.

捕获轮播项目

Answer 1

在Docs

.carousel(number)

Cycles the carousel to a particular frame (0 based, similar to an array).

创建一个javascript函数：

function goToSlide(number) {
   $("#carousel").carousel(number);
}

然后，只需在 link 上添加一个 onClick 事件即可。

<a href="#" onClick="javascript:goToSlide(2);">Go to slide #2</a>

Answer 2

例如。如果您的 URL 读取 http://example.com#2 那么在下面给定的 JS 的帮助下，我将登陆到轮播的第 3 张幻灯片。

$(document).ready(function(){
  var slideNumber = parseInt(window.location.hash.substring(1));
  $('#carousel-slide').carousel(slideNumber);
});