Jcarousel活跃课程

时间:2011-01-11 11:16:07

标签: jquery

此处还有其他帖子,但我的设置略有不同,我无法弄清楚最后一步。

这是Jcarousel滑块的Jquery:

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

jQuery('#mycarousel-next').bind('click', function() {
    carousel.next();
    carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
    return false;
});

jQuery('#mycarousel-prev').bind('click', function() {
    carousel.prev();
    carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
    return false;
});

jQuery('#offerings li a').bind('click', function() {
    var index = $(this).attr("id").split("_");
    carousel.scroll(jQuery.jcarousel.intval(index[1]));
    //carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
    $("#offerings li a").removeClass("active"); //Remove any "active" class
    $(this).addClass("active");
    return false;
});
};

这对于在单击外部控件(#offerings)中的链接时添加活动类非常有用,但是当您使用prev和next按钮时,它不会更新菜单活动类。

任何帮助表示赞赏:)

2 个答案:

答案 0 :(得分:1)

问题出在这里

carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);

答案 1 :(得分:0)

问题是你有两个滚动功能。 例如:

.next()

然后你用另一个滚动功能

跟着它
.scroll

解决方案: 仅在next()函数中使用,与之前的函数相同。