的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>