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

时间:2013-02-03 10:39:03

标签: jquery-plugins

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

但是,正如this fiddle中所见 - 它没有。

代码很简单

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();
   });

我能使其工作的唯一方法是删除存储在元素上的数据,并由此删除 使插件“从头开始”运行。

任何想法?

1 个答案:

答案 0 :(得分:0)

清除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();
   });