Question

对此一直有点困惑。

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

例如，在幻灯片编号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

检索引导程序轮播中的隐藏值

1 个答案: