截断 Twitter Bootstrap 轮播的文本

Question

我想截断引导轮播.carousel-caption元素的文本。我正在使用剃须.js来截断文本。但是，截断仅适用于第一个.carousel-caption元素。

我创建了一个jsfiddle来演示我的问题：jsfiddle

当我从轮播中删除 CSS 类carousel-inner时，截断在展位.carousel-caption元素上完美运行。

Answer 1

我不太确定这个问题，但我认为这是由于轮播的动态行为，因此剃须代码仅适用于第一个标题，因为它是可见的并且设置了它的高度，因此您的代码也应该是动态的，以调用每张幻灯片的剃须功能。

一个想法是使用轮播组件提供的事件并在那里调用剃须函数。

$('#carousel-example-generic').on('slid.bs.carousel', function () {
$(".carousel-caption").shave(70);
})

slid.bs.carousel：轮播完成后，将触发此事件 它的幻灯片过渡。^裁判

完整代码 ： https://jsfiddle.net/dpnpo4o7/2/

---

我在上面的代码中使用了插件的jQuery版本，但它与JS版本的工作方式相同：

$('#carousel-example-generic').on('slid.bs.carousel', function () {
shave(".carousel-caption", 70);
})

完整代码 ： https://jsfiddle.net/dpnpo4o7/3/

Answer 2

我经历了小提琴。剃须必须找到第二个标题，但由于它在那一刻是不可见的，所以它没有做到这一点。

解决方案：您可能希望捕获上一个和下一个事件，然后尝试使用代码。