Закладка Bootstrap Carousel

Question

Предположим, что в карусели есть пять элементов, и мне нравится добавлять закладку html во второй элемент карусели бутстрапа. Я знаю, как работает закладка на разных страницах, но я не знаю, как захватить элемент карусели через URL.

Answer 1

Для примера. если ваш URL читает http://example.com#2, то с помощью приведенного ниже JS я приземлюсь на 3-й слайд карусели.

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

Answer 2

Он находится в де Docs

.carousel (номер)

Циклы карусели для конкретного кадра (0 на основе, похожий на массив).

Создать яваскрипт функцию:

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

А потом, просто добавьте onClick события на ссылку.

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