jquery - jquery dotdot 插件不适用于动态创建的 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>