jQuery dotdotdot插件與垂直調整大小

Question

我想獲得一個文本塊垂直調整大小，並使用dotdotdot jQuery省略支持插件。 dotdotdot插件具有設置高度參數，我想知道是否有方法來動態更新該設置高度。我想要考慮相鄰div的總高度，並調整文本塊的大小以適合特定div的整個高度。

我做這個的jsfiddle作爲想什麼，我要完成一個鬆散的實體模型：http://jsfiddle.net/smittles/8psvZ/

理想的情況下，該大綱文本將擴大爲紅線向下移動到下降到紅線。

因爲我正在使用設定的高度，所以此模型現在不起作用。我不知道爲了使它工作而做出什麼樣的調整。

如果可能的話，我確實想保持對dotdotdot.js的使用。

Answer 1

使用toggle函數的回調來重新調用dotdotdot代碼。

見this updated fiddle或下面的代碼片段：

$('.share').click(function(){ 
    $('.social_options').toggle('fast', function(){ 

     // height will be height of image frame + share button 
     var new_height = $('.image_frame').height() + $('.share').height(); 

     // if the social options are visible, add that to height as well 
     if ($('.social_options').is(':visible')) 
      new_height += $('.social_options').height(); 

     $('.synopsis').dotdotdot({ 
      ellipsis : '... ', 
      wrap  : 'word', 
      after  : null, 
      watch  : true, 
      height  : new_height 
     }); 

    });   
}); 

您可以防止冗餘的代碼也通過創建，做了dotdotdot-ING的功能。在頁面加載時調用它，然後在每個後續的切換調用中調用它。