javascript - Jquery，Jcarousel，第一个分页项设置为 :active 除非设置另一个

Question

我已经能够让单击的分页项响应 CSS 选择器。但是如果用户使用下一个和后退按钮而不是分页，我不能让它成为：活动。

ul.jcarousel-control li a:focus {background-position:0 -11px}
ul.jcarousel-control li a:active {background-position:0 -11px}

如果单击该项目但您使用下一个按钮滚动，则该内容使其工作，它不会突出显示下一个。

我还需要它在页面加载时突出显示第一个。

任何帮助是极大的赞赏。

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

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

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

Answer 1

此链接向您展示了如何执行此操作。您需要添加两个回调函数（itemVisibleInCallback 和 itemVisibleOutCallback）来从所选图像中添加/删除 div 类。