jquery - 使用 "dotdotdot"jquery 插件为下拉菜单添加省略号

Question

我正在尝试使用 dotdotdot jQuery 插件。在大多数情况下它工作正常。但是在下拉菜单中，它并没有像我预期的那样工作。我发现这是因为我的下拉列表 display:hidden; 阻止了插件正常运行。虽然我可以添加 watch:true; 使其工作，

$(".wrapper").dotdotdot({ watch: true});

问题是，toggle 事件是在 dotdotdot 函数之前调用的，它使用户在被截断之前可以看到原始内容 0.1 秒，这不是我想要的。我不确定如何让它正常执行，因为即使我使用回调，也有问题，因为当先调用切换事件时，就会出现上述问题。如果先调用 dotdotdot，它根本不起作用，因为最初 div 是 display:none;。请指教。谢谢!

Answer 1

Problem solved .感谢您的关注。

$('.btn').click(function() {
 $('.dd').toggle();    
 $('.dd').dotdotdot({
        //  configuration goes here
  });
});