jCarousel顯示項目選擇類

Question

我有一個項目的列表，其中有一個class=selected，每n第二次將class=selected更改爲下一個項目。

如何激活jCarousel滾動並始終顯示class=selected的項目？

Answer 1

在jcarousel上設置自動滾動不是簡單嗎？

你可以在這裏找到所需的信息：http://sorgalla.com/projects/jcarousel/

屬性：「自動」
指定多少秒定期自動滾動的內容。如果設置爲0（默認），則關閉自動滾動。

您不需要額外的編碼更改類爲「選擇」

Answer 2

您可以使用jcarousel scroll方法是這樣的：

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'); 
     } 
}); 

注意：有必要使用scrollTo - 1因爲index is 0 based。否則，你會得到不希望的結果！ :)

link是錨<a>像這樣的：

<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在視線之外，應用滾動方法可以提供良好的用戶體驗，因爲該物品將在視線之內。