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的功能。在页面加载时调用它，然后在每个后续的切换调用中调用它。