dotdotdot省略号未应用于flexslider标题

Question

我想使用dotdotdot jQuery库在flexslider幻灯片中添加省略号来滑动字幕：

$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "fade"
  });
  $(".caption .title").dotdotdot();
  $(".caption .description").dotdotdot();
});

省略号仅添加到第一张幻灯片中：

http://jsbin.com/UbOmOxu/5

如果我在.flexslider()之后移动.dotdotdot()，那么即使第一张幻灯片也没有获得省略号。

http://jsbin.com/UbOmOxu/3

我在s.o上读过其他帮助问题。关于dotdotdot声称绝对定位的元素可能会产生影响，但很明显，在上述jsbin的第四版中情况并非如此（抱歉，没有足够的声誉点来发布两个以上的链接）。 / p>

有谁知道如何让dotdotdot处理此幻灯片中的所有幻灯片标题？

Answer 1

如果将watch选项设置为true，它应该可以正常工作。

$(".caption .title").dotdotdot({ watch: true });
$(".caption .description").dotdotdot({ watch: true });

但是，我过去曾经使用它，并且在一个包含大量元素的大页面中，所以它非常慢，影响了滚动和与页面的基本交互，尤其是IE8。

问题在于它逐字逐句地写入DOM，直到它不再适合任何单词，重写所以它一次写入5个单词或更多（取决于容器的大小）应该有助于提高性能，没有任何测试，但它可能不是很明显。