2014-10-01 57 views
0

我有一個使用jCarouselLite腳本的傳送帶,傳送帶用作頁面上的子菜單。jCarouselLite首先顯示活動元素

現在從轉盤點擊一個元件之後的得到一個類的活性 the're 4個可見元素。

我不能在頁面加載時滾動到活動元素,因此它對用戶可見。

我試過btnGo選項,但項目的數量可以改變(如菜單),並與觸發點擊事件多次對下一個按鈕,如下圖所示,但事件可以在它無法工作之後觸發一次。

$('.slideshow').jCarouselLite({ 
     btnNext: "#next", 
     btnPrev: "#prev", 
     visible:4, 
     circular: false, 
     mouseWheel: true, 
     btnGo:[".slideshow li.active"] 
    }); 

    //scroll to active element 
    var activePosition = $('.slideshow ul li.active').position(); 
    if (activePosition != null) { 
    var index = $('.slideshow ul li.active').index(); 

    for (var i = index-4; i >= 0; i--) { 
     $('#next').trigger('click').delay(800); 
    } 
    }; 

這可以以任何方式完成?

回答

0

爲了解決這個問題,實際上用jCarousel替換了精簡版,它具有內置的函數,可以轉到如下所示的旋轉木馬示例的位置(索引)。

var activePosition = $('.slideshow ul li.active').position(); 
    if (activePosition != null) { 
    var index = $('.slideshow ul li.active').index(); 
    $('.slideshow').jcarousel('scroll',index); 
    };