Извлечение скрытого значения внутри карусели бутстрапа

Question

Были немного застряли в этом.

Что было бы самым простым способом получить значение скрытого типа внутри слайда карусели бутстрапа?

в слайд № 2, например, я хочу, чтобы получить следующую инструкцию

<div class="item" data-slide-number="2"> 
    <div class="topic-content"> 
     <input type="hidden" id="hdnInstruction" data-instruction = "Click button to proceed to next topic" /> 

с помощью этого var instruction = $("#hdnInstruction").data().instruction; будет извлекать значение, как он находится внутри карусели, но я хочу, чтобы получить значение ... только один раз пользователь, например, обратился к слайду номер 2.

Answer 1

Вы можете использовать комбинацию текущих активных состояний и событий карусели.

Как это, например:

$('#myCarousel').bind('slid', function() { 

    $('.showText').text($('#myCarousel .item.active img').data('instruction')); 

}); 

Предполагая, что с value of a hidden type, вы имеете в виду, что данные значения атрибута, как вы используете его в вашем примере.

Working Fiddle