jquery-plugins - jQuery autoellipsis 插件 - 更新内容时不起作用

Question

我正在使用以下 jQuery 插件： http ://pvdspek.github.com/jquery.autoellipsis/ ，一般来说效果很好。当我需要更新元素的文本时，问题就来了。有人会假设更改元素的文本并再次调用插件将执行与初始调用相同的操作。

但是，正如在这个小提琴中可以看到的那样- 它没有。

代码很简单

var container = $(".container");
container.text("This is a long text that should have text ellipsis");
//this works fine
container.ellipsis();
      
  $("button").click(function()
   {
      container.text("This is the modified text that should also have ellipsis");
      //this doesn't work
      container.ellipsis();
   });

我可以使它工作的唯一方法是删除存储在元素上的数据，并使插件“从头开始”运行。

有任何想法吗？

Answer 1

清除autoellipsis存储的数据：container.data('jqae', null);

var container = $(".container");
container.text("This is a long text that should have text ellipsis");
//this works fine
container.ellipsis();

  $("button").click(function()
   {
      container.data('jqae', null);
      container.text("This is the modified text that should also have ellipsis");
      //this doesn't work
      container.ellipsis();
   });