的jQuery dotdotdot插件未woriking動態創建的HTML

Question

我使用生成元素：

$('#articleview').append(articles); 

我需要的dotdotdot插件適用於這種動態創建的HTML

$(document).ready(function() { 
    $(".ellipsis").dotdotdot(); 
}); 

，但它不是在工作動態創建html

Answer 1

之後$('#articleview').append(articles);

呼叫 -

$(".ellipsis").dotdotdot();

這應該工作...

dotdotdot()做了它的首次文檔加載工作。當您更改內容時，需要再次調用它。

Answer 2

在dom準備好之後總是調用插件其他智能插件無法找到標記並失敗。

var articles='Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text'; 
 
$('#wrapper').append(articles); 
 
$(".ellipsis").dotdotdot();

#wrapper { 
 
    width: 100px; 
 
    height: 20px; 
 
    
 
}

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <script src="http://dotdotdot.frebsite.nl/js/jquery.dotdotdot-1.2.1.js"></script> 
 
<div id="wrapper" class='ellipsis'></div>