我设置了引导轮播。幻灯片 next 和 prev 工作正常,但幻灯片的链接不一样。
下面是带有幻灯片链接的轮播示例:
<!-- Carousel -->
<div id="seriesCarousel" class="carousel slide">
<div class="container">
<div class="carousel-inner">
<div class="item" data-id="2">
<article>
</article>
</div>
<div class="item" data-id="5">
<article>
</article>
</div>
</div>
</div>
</div>
<!-- Slides' links -->
<div class="accordion-inner">
<ul>
<li data-target="#seriesCarousel" data-slide-to="2">
<a href="javascript: void(0);"> name 1</a>
</li>
<li data-target="#seriesCarousel" data-slide-to="5">
<a href="javascript: void(0);"> name 2</a>
</li>
</ul>
</div>
我想给链接中的data-slide-to标记一个特定的编号,然后,它应该指向出现在data-slide-to中的幻灯片编号( data-id)。
使用我开发的解决方案,它不起作用,链接指向轮播数组元素,而不是指向它的data-id标记。例如,如果我的data-slide-id编号为 1,它指向轮播数组的第一个元素。
有一种方法可以使链接指向特定的幻灯片吗?