Javascript jCarousel显示选定类的项目

我有一个项目列表，其中一个项目选择了

class=selected

，每隔

n

秒将

class=selected

更改为下一个项目

---

如何激活

jCarousel

滚动并始终显示选中了

class=selected

的项目？

在jCarousel上设置自动滚动不是更容易吗

您可以在此处找到相关信息：

属性：“auto”
指定定期自动滚动内容的秒数。如果设置为0（默认），则禁用自动滚动

您不需要额外的编码就可以将类更改为“selected”

您可以使用如下方法：

var link = $("#linkIWantToScrollTo");

var scrollTo = link.parent().attr("jcarouselindex");
var animateScrolling = true;

// Using jcarousel instance from the element where you applied jcarousel, scroll it...
$("#menu").jcarousel('scroll', scrollTo - 1, animateScrolling, function(scrolled) {
        if (scrolled) {
            console.log('The carousel has been scrolled');
        } else {
            console.log('The carousel has not been scrolled');
        }
 });

注意：有必要使用

滚动到-1

，因为。否则，您将得到不想要的结果！：）

link

是一个锚定

，如下所示：

<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-8 jcarousel-item-8-horizontal" style="float: left; list-style: none outside none;" jcarouselindex="14">
<a id="linkIWantToScrollTo" title="Educação de Pacientes e Familiares" href="#">
</li>

使用上述代码，jcarousel将滚动至位置

14

。现在在我的一个项目中，这是非常有效的。位置

14

不在视线范围内，应用滚动方法可以获得良好的用户体验，因为项目将在视线范围内