twitter-bootstrap - 来自 url 的 div 上的活动类

Question

我有一个 twitter Bootstrap Carousel，我试图从外部页面链接到它的单独幻灯片。我需要使用 url 来完成。

等等

http://www.example.com/carousel.html#item3:active

将第三张幻灯片设置为活动

有没有办法我可以做到？

Answer 1

这是完全可能的。您可以通过 获取#当前 URL 中之后的部分document.location.hash，并且可以使用 链接到特定幻灯片$('.some-carousel').carousel(slideNr)。放在一起，您的代码可能如下所示：

$(function () {
  var slide = document.location.hash.match(/^slide-(\d+)$/);
  if (slide) {
    $('.some-carousel').carousel(parseInt(slide[1], 10));
  }
});