jquery dotdotdot插件(添加省略号)不与Bootstrap轮播一起使用

我在我的Rails 4应用程序中使用Bootstrap 3轮播.要截断轮播中较长的标题,我使用的是jquery dotdotdot插件,它最后还附加了“…”.虽然插件适用于轮播中的第一个图像,但它不适用于后续图像.

这是jsfiddle:
http://jsfiddle.net/michaelvli/GD3JH/9/

为什么dotdotdot没有在旋转木马的所有标题上执行?我已尝试使用轮播事件处理程序在每次轮播幻灯片时执行插件但此解决方案不适合,因为用户将在dotdotdot有机会执行之前看到完整标题片刻:

$('.carousel').on('slide.bs.carousel', function () {
    $('.dotdotdot').dotdotdot({});
});

或者,如果有人可以推荐另一个截断多行字幕的解决方案,同时在末尾添加“…”,那也会很棒.

最佳答案
问题是,因为它没有显示所有项目,所以它们没有应用…在每个项目的末尾,隐藏的项目没有激活.为了解决这个问题,我们将所有项目作为类活动项目,然后显示它们然后切换除第一个幻灯片(或元素0)之外的所有项目.再次隐藏它们.所以我们可以添加这个:

$( ".active.item" ).each(function( index ) {
    if(index != 0){
        $(this).removeClass('active');
    }
});

现在我们已经通过dotdotdot正确地影响了所有项目.

Fiddle Here

转载注明原文:jquery dotdotdot插件(添加省略号)不与Bootstrap轮播一起使用 - 代码日志