当启用 JQuery 工具提示时无法更改标题

Question

这是场景：

1. 我使用JQuery button小部件创建一个按钮，并为其添加标题
2. 我调用JQuery提示widget

当我编程更改标题时，提示正确更新，但是当我在悬停在按钮上时更改标题时，标题属性不会更改（我在firebug上检查了它）这里有一个example说明了这种用例。

在我的示例中，如果您单击[更改标题]按钮，则可以正常工作，要查看问题，请单击[延迟更改标题]并将光标放在[主题按钮]上等待警报。

简而言之，在悬停在按钮上时，此代码无法正常工作：

$('#div').attr('title', 'new title');

这对我来说看起来很奇怪，有人能给些建议吗？

更准确地说，我的问题是：为什么 title 属性没有改变？

- ilyes kooli

---

你需要再次触发工具提示以刷新它 - http://jsfiddle.net/AXTMG/1/ - luke

不要触发工具提示（tooltip）来更新标题，查看Firebug，你会发现标题属性没有改变。 - ilyes kooli

@skafandri如果您将窗口小部件插件应用于管理属性的元素，则需要在插件的API内工作。在HTML视图中显示的任何内容都变得不相关。标题存储在数据中。 - charlietfl

@charlietfl 但是为什么当鼠标没有悬停在按钮上时，它就可以正常工作呢？有道理吗？ - ilyes kooli

试一下这个：http://jsfiddle.net/AXTMG/2/ -- 它会破坏工具提示，然后重新激活它。 - luke

@luke 我不在意工具提示，我想在工具提示激活的同时设置title属性（我需要该属性给另一个插件使用）。 - ilyes kooli

Answer 1

不确定这是否完全符合您的需求，但您可以这样做：

setTimeout(function(){
       $(document).tooltip('destroy');
       $('#div').attr('title','new title');
       $(document).tooltip();
        alert('title changed');
    }, 2000);
 });

FIDDLE HERE

- ROY Finley