使用 jQuery 插件在某些时候文本不是省略号

Question

我目前有一个具有静态高度的 'widget' div，其中有一个图像也具有静态高度。唯一可以具有动态高度的是可以从 1-3 行长变化的标题。

发生的事情是我试图在包含 div 结束之前的 div（可能很长）省略号内进行描述，同时考虑到标题可能会有所不同身高。

我正在使用一个名为 dotdotdot 的 jQuery 插件，可以在此处找到文档 http://dotdotdot.frebsite.nl/

该插件正在运行，但我认为我的 JS 可能有点问题。希望得到一些帮助，因为我无法理解它。

在fiddle上面看的很清楚，但是下面的JS

  $(document).ready(function () {

      $(".caption").each(function () {

          var authorheight = $('.meta').height();
          var h2height = $('h4').height();

          $(".desc").height(250 - h2height - authorheight);

          $(".desc").dotdotdot({
              after: "a.readmore"
          });
      });

  });

任何帮助都会很棒！

谢谢

Answer 1

除了计算高度之外，您做的一切都正确。

 var authorheight = $('.meta').innerHeight();
 var h2height = $('h4').innerHeight();

以上内容可帮助您获得高度以及填充和所有内容。

然后下一个 id 你留下了你已经应用到 .caption 的填充所以你的 .desc 的高度变为如下

$(".desc").height(250 - h2height - authorheight -40);

UpdatedFiddle

使用 jQuery 插件在某些时候文本不是省略号

Text Not Ellipsis at certain point using jQuery Plugin

html

javascript

css

jquery

jquery-plugins