javascript - dotdotdot jquery 插件，用于动态创建的 html

Question

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

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

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

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

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

编辑：

这现在有效，但我还有另一个问题。在将 dotdodtdot 应用于动态创建的元素之前，我可以看到元素的文本溢出。有没有办法来解决这个问题？

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

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

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