点点省略号不适用于弹性滑块标题

dotdotdot ellipsis not applied to flexslider captions

本文关键字：标题 省略号 不适用 适用于      更新时间：2023-09-26

我想使用 dotdotdot jQuery 库在 flexslider 幻灯片放映中的幻灯片标题中添加省略号：

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

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

http://jsbin.com/UbOmOxu/5

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

http://jsbin.com/UbOmOxu/3

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

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

如果将

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

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

但是，我过去使用过它，并且在具有大量元素的大页面中使用过它，因此它非常慢，影响了滚动和与页面的基本交互，尤其是IE8。

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

相关文章：