jquery dotdotdot插件并不是动态创建的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>