jquery - 单击更改 Twitter Bootstrap 工具提示内容

Question

我在 anchor 元素上有一个工具提示，它在单击时发送 AJAX 请求。这个元素有一个工具提示(来自 Twitter Bootstrap)。当 AJAX 请求成功返回时，我希望工具提示内容发生变化。启动后如何操作工具提示？

Answer 1

今天在阅读源代码时发现了这个。所以 $.tooltip(string) 调用 Tooltip 类中的任何函数。如果您查看 Tooltip.fixTitle，它会获取 data-original-title 属性并用它替换标题值。

所以我们简单地做:

$(element).tooltip('hide')
          .attr('data-original-title', newValue)
          .tooltip('fixTitle')
          .tooltip('show');

果然，它更新了标题，这是工具提示中的值。

更短的方式:

$(element).attr('title', 'NEW_TITLE')
          .tooltip('fixTitle')
          .tooltip('show');