Javascript 用于动态创建html的DotjQuery插件

我使用以下方法创建元素：

$(sel).append("html");

我需要将dotdot插件应用于这个动态创建的html（它有类“省略号”），但它似乎没有生效

$(document).ready(function() {
  $(".ellipsis").dotdotdot({
    ellipsis    : '... ',
    watch: "window"
  });
});

如何将插件应用于动态创建的html

编辑：

这是现在的工作，但我有另一个问题。我可以在dotddot应用于动态创建的元素之前看到元素的文本溢出。有办法解决这个问题吗

尝试删除“可见性：隐藏；”后将其加载到回调中，但它似乎也不起作用：

/*css*/
.invisible {
   visibility: hidden;
}

//js
$(".ellipsis").dotdotdot({
    ellipsis    : '... ',
    watch: "window",
    callback: function() { $(".ellipsis").removeClass("invisible"); }
});

---

在DOM中添加元素后应用dotdot。使用回调。我在元素被追加后调用dotdot，但没有任何可见效果。我不确定我更改了什么，我想让dotdot选择器成为一个，但看起来它现在正在工作。我认为必须设置一个显示规则，p默认为该规则。请注意，前面的注释是在第一次编辑之前，我仍然存在在元素的文本被追加后的.dotdot（）之间的显示延迟问题。在DOM中添加元素后应用dotdot。使用回调。我在元素被追加后调用dotdot，但没有任何可见效果。我不确定我更改了什么，我想让dotdot选择器成为一个，但看起来它现在正在工作。我认为必须设置一个显示规则，p默认为该规则。请注意，前面的注释在第一次编辑之前，在元素的文本被追加后.dotdot（）之间的显示延迟仍然存在问题。