javascript - 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 的第四版上，情况并非如此(抱歉，没有足够的声誉点来发布两个以上的链接)。

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

Answer 1

如果您将监视选项设置为 true，它应该可以工作。

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

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

问题是它会逐字写入 DOM，直到无法容纳更多单词为止，重写一次可能会写入 5 个单词或更多(取决于容器的大小)，这应该有助于提高性能，没有任何测试，但可能不是很明显。