截斷javascript多行不起作用

Question

我正在使用truncate.js（ https://github.com/jeffchan/truncate.js ）在溢出時將省略號放入文本中。 當我遵循我認為的演示權時，它不起作用。 這是我的代碼：

CSHTML文件：

<div id="yammerDiv">

<div id="yammerHeader">
    <a href="https://www.yammer.com/abcam.com/#/threads/company?type=general"><img src="https://upload.wikimedia.org/wikipedia/commons/1/1f/Yammer_logo.png" alt="Yammer" height="20px;" width="50%"></a>
</div>
<div id="yammerMessages" data-truncate-lines="3" data-toggle="modal" data-target="#myModal" style="margin-top: 25px;">
    <img id="loading-gif" src="http://i559.photobucket.com/albums/ss36/madszckey01/speakker/buffering.gif">
    <span id="message"></span>
    <p id="sender"></p>

</div>
<div id="yammerButtons" style="display:none">
    <button id="previous" type="button" class="btn btn-default btn-xs" aria-label="Left Align" onclick="onPrevious()">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    </button>
    <input type="checkbox" id="myCheck" onclick="autoscroll()" data-toggle='tooltip' data-placement='bottom' data-original-title="Auto-Scroll" class='checkbox'>
    <button id="next" type="button" class="btn btn-default btn-xs" aria-label="Right Align" onclick="onNext()">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    </button>
</div>

CSHTML文件中的JavaScript：

$('#yammerMessages').truncate({
        lines: 3,
        lineHeight: 1.5
    });

我想截斷yammerMessages div中的文本，由於文本僅通過寬度的高度限制，因此無法正常工作。

編輯：

我已經使用了truncate方法，但是span元素'message'中的內容經常重新加載文本，並且每次更改時如何將其截斷？

 $('#yammerMessages').truncate({
        lines: 7,
        lineHeight: 14
    });

這會一次將div中的文本截斷，但是當內容在“消息”中更改時，不會讓我再次截斷。

解決了：

在下面查找我的答案。

Answer 1

由於該庫無法解決我的問題，因此我最終使用了dotdotdot jquery庫來解決了我的問題。

為了截斷div，我使用了dotdotdot方法：

 $("#text-wrapper").dotdotdot({ wrap: 'letter' });

然后，當文本在div內更改時，我使用觸發器方法，該方法然后刪除了被調用的元素的截斷：

  $("#text-wrapper").trigger("destroy");

然后，我只是再次截斷div內加載的新文本：

 $("#text-wrapper").dotdotdot({ wrap: 'letter' });