Twitter bootstrap 3 使转盘按钮标签与转盘幻灯片一起自动滑动
Twitter bootstrap 3 使转盘按钮标签与转盘幻灯片一起自动滑动,twitter-bootstrap-3,carousel,autoscroll,Twitter Bootstrap 3,Carousel,Autoscroll,我设置了以下旋转木马。它通过数据骑乘引导功能自动滑动。我想在幻灯片滚动时更改按钮标签。有人知道如何实现这个功能吗?我通过将一个函数绑定到幻灯片引导函数来解决这个问题 var r = new ComponentCarouselLayout(); var carousel = $('#carousel-tour'); carousel.bind('slide.bs.carousel', function () {
我设置了以下旋转木马。它通过数据骑乘引导功能自动滑动。我想在幻灯片滚动时更改按钮标签。有人知道如何实现这个功能吗?我通过将一个函数绑定到幻灯片引导函数来解决这个问题
var r = new ComponentCarouselLayout();
var carousel = $('#carousel-tour');
carousel.bind('slide.bs.carousel', function () {
r.slideLabels(carousel);
});
这里是我将幻灯片标签功能绑定到旋转木马引导幻灯片功能的地方
var r = new ComponentCarouselLayout();
var carousel = $('#carousel-tour');
carousel.bind('slide.bs.carousel', function () {
r.slideLabels(carousel);
});
这是我的幻灯片标签功能,它更新哪个标签处于活动状态
slideLabels: function(carousel) {
var labelItems = $(carousel).closest('.btn-group-carousel').find('#ts-btn-toggles label');
var labelItem;
for (var i = 0; i < labelItems.length; i++) {
labelItem = labelItems[i];
if ($(labelItem).hasClass("active")) {
$(labelItem).removeClass("active");
var start = labelItem;
var nextLabelItem = labelItems[($.inArray(start, labelItems) + 1) % labelItems.length];
$(nextLabelItem).addClass("active");
return false;
}
}
}
幻灯片标签:功能(旋转木马){
var labelItems=$(carousel).closest('.btn group carousel').find('#ts btn切换标签');
唇形变种;
对于(变量i=0;i
我不想使用carousel indicators类