在某些時候使用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