獲取jcarousel中當前項目的ID

Question

我正在尋找突出顯示當前點分頁按鈕的旋轉木馬，所以即時嘗試向任何特定人物添加一個類，出於某種原因，這不起作用，它添加了非活動類沒有問題，但不添加主動，所以它似乎沒有認出我。 我只是新來的js，我錯過了什麼明顯？

jQuery(document).ready(function() { 
jQuery('#right-carousel').jcarousel({ 
    start: 1, // Configuration goes here 
    wrap: "circular", 
    scroll: 1, 
    auto:3, 
    vertical:true, 

    itemFirstInCallback: { 
    onBeforeAnimation: function(carousel, item, index, action, c, o, i, s) { 
     if (carousel_2) { 
      carousel_2[action](); 
     } 
     i = (i - 1) % $('#right-carousel li').size(); 
     jQuery('.jcarousel-pagination a').addClass('inactive'); 
      jQuery('.jcarousel-pagination a:eq('+i+')').removeClass('inactive').addClass('active'); 


    jQuery('.jcarousel-pagination a').bind('click', function() { 
    carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr('id'))); 
    return false; 
     }); 

      } 
     } 

    }); 

}); 

只是添加一個更多的細節，主要的問題似乎是，即使我在函數內聲明它，我也沒有定義。

Answer 1

如果將分頁點（.jcarousel-pagination）放入jcarousel容器中，此代碼應該可以工作。它也應該與多個傳送帶一起工作：

jQuery(document).ready(function() { 

function mycarousel_initCallback(carousel, state) { 
    jQuery(carousel.container).find('.jcarousel-pagination a').bind('click', function() { 
     carousel.scroll(parseInt(jQuery(this).attr('id'))); 
     return false; 
    }); 

    jQuery(carousel.container).find('#mycarousel-next').bind('click', function() { 
     carousel.next(); 
     return false; 
    }); 

    jQuery(carousel.container).find('#mycarousel-prev').bind('click', function() { 
     carousel.prev(); 
     return false; 
    }); 
} 

function mycarousel_visibleCallback(carousel, item, index, state){ 
    var dot = jQuery(carousel.container).find(".jcarousel-pagination a#" + index); 
    dot.siblings().removeClass("active"); 
    dot.addClass("active"); 
} 


jQuery('#right-carousel').jcarousel({ 
    start: 1, // Configuration goes here 
    wrap: "circular", 
    scroll: 1, 
    auto:3, 
    vertical:true, 
    initCallback: mycarousel_initCallback, 
    itemVisibleInCallback: mycarousel_visibleCallback 
    }); 

});