javascript - 检索引导轮播中的隐藏值

已经有点卡住了。

检索自举轮播幻灯片中的隐藏类型的值，最简单的方法是什么？

例如，在幻灯片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时。

最佳答案

您可以结合使用当前活动状态和轮播事件。

例如：

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

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

});

假设使用value of a hidden type，则表示数据属性值，就像在示例中使用它一样。

Working Fiddle