对于动态创建的html，jquery dotdotdot插件不是很好用。

Question

我使用以下命令创建元素：

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

我需要将点点插件应用于这个动态创建的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>

​