Question

请你看一下this link并告诉我如何让我知道如何在画廊旋转木马控制点击鼠标上添加班级.highlight？

从代码中我可以看到，我使用以下代码突出显示所选的拇指：

var classHighlight = 'highlight';
var $thumbs = $('.thumbnail').click(function(e) {
e.preventDefault();
$thumbs.removeClass(classHighlight);
$(this).addClass(classHighlight);
});

好吧，我不确定这是否正确，但它对我有用！但正如我所说，这是在努力点击.thumbnail，但我需要的是将类添加到滑动事件的缩略图。我已经将这个CSS添加到我的代码中，但它无效！

.thumbnail:active{
  border-style:solid;
  border-width:5px;
  border-color:gery;
  }

感谢您抽出时间和意见

Answer 1

您可以更改滑动功能来执行此操作（添加2个底线）：

   // When the carousel slides, auto update the text
    $('#myCarousel').on('slid', function (e) {
            var id = $('.item.active').data('slide-number');
            $('#carousel-text').html($('#slide-content-'+id).html());
        $('#slider-thumbs > div > ul > li > a').removeClass('highlight');
        $('#carousel-selector-'+id).addClass('highlight');
    });

要在页面加载时选择第一个缩略图，请在初始化轮播后将此行添加到顶部：

   $('#carousel-selector-0').addClass('highlight');

小提琴：DEMO

如何在滑块更改中将类添加到引导程序缩略图

1 个答案: