此处还有其他帖子,但我的设置略有不同,我无法弄清楚最后一步。
这是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按钮时,它不会更新菜单活动类。
任何帮助表示赞赏:)
答案 0 :(得分:1)
问题出在这里
carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
答案 1 :(得分:0)
问题是你有两个滚动功能。 例如:
.next()
然后你用另一个滚动功能
跟着它.scroll
解决方案:
仅在next()
函数中使用,与之前的函数相同。