jquery .dotdotdot無法正常工作

Question

我一直試圖使用jquery的dotdotdot方法來切斷溢出的文本，但由於某種原因，它不工作。我希望這種方法很簡單，但我不知道我做錯了什麼。

的Javascript：

$(document).ready(function(){ 
    $('.dotdotdot').dotdotdot({ 
     ellipsis: '... ', 
     wrap: 'word', 
     after: null, 
     watch: true, 
     height: 40 
    }); 
}); 

HTML：

<div class="dotdotdot"> 
    <?php echo $description; /*Current div height with text exceeds 40px*/ ?> 
</div> 

我找不到任何可以解釋爲什麼這是行不通的。我的jquery是最新版本1.8.3。

Answer 1

dotdotdot是一個jQuery插件，您需要單獨下載幷包含該JS也應該工作。有關更多詳細信息，請參閱http://dotdotdot.frebsite.nl/。

Answer 2

根據您的需求，您可以只使用文本overflow屬性省略號

看到這個網站了解更多的細節，以及一個例子。

http://www.quirksmode.org/css/user-interface/textoverflow.html