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

Question

我目前有一个'小部件'div有一个静态高度，它内部是一个图像，它也有一个静态高度。唯一可以有一个动态高度的是可以从1-3线变长的标题。

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

我使用的是被称为dotdotdot一个jQuery插件，它的文档可以在这里http://dotdotdot.frebsite.nl/

发现该插件工作，但我觉得我的JS可能会关闭一些。会喜欢一些帮助，因为我无法让我的大脑围绕它。

Fiddle Here

你可以清楚地看到它的小提琴，但低于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