twitter-bootstrap - URLからのdivのアクティブクラス

Question

Twitterのブートストラップカルーセルがあり、外部ページから別のスライドにリンクしようとしています。URLを使用して行う必要があります。

等

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

3番目のスライドをアクティブに設定します

私がそれを行う方法はありますか？

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));
  }
});