我用ajax动态更改工具提示中的标题。

首先启用工具提示: $(“[data-toggle = "提示"]”).tooltip () 然后更改title属性，然后重新初始化工具提示

$（“#foo”）.attr（'title'，'TheNewTitle'）; $（'[data-toggle=“tooltip”]'）.tooltip（'dispose'）; $（'[data-toggle=“tooltip”]'）.tooltip（）

下面的工作对我来说是最好的，基本上我废弃了任何现有的工具提示，不麻烦显示新的工具提示。如果像在其他答案中一样调用工具提示上的show，即使光标没有悬停在它上面，它也会弹出。

我选择这个解决方案的原因是，其他解决方案重用了现有的工具提示，导致了一些奇怪的问题，当鼠标悬停在元素上方时，工具提示有时不显示。

function updateTooltip(element, tooltip) {
    if (element.data('tooltip') != null) {
        element.tooltip('hide');
        element.removeData('tooltip');
    }
    element.tooltip({
        title: tooltip
    });
}

如果你在HTML中设置了标题属性，那么在点击图标或按钮时使用 (美元).attr(“标题”,newValue);

当ajax请求成功返回时，可以使用此代码隐藏工具提示，更改其标题并再次显示工具提示。

$(element).tooltip('hide');
$(element).attr('title','this is new title');
$(element).tooltip('fixTitle');
setTimeout(function() {  $(element).tooltip('show');}, 500);

我不能得到任何答案工作，这里有一个变通办法:

$('#'+$(element).attr('aria-describedby')+' .tooltip-inner').html(newTitle);

如果工具提示已经实例化(可能用javascript)，这是有效的:

$("#tooltip_id").data('tooltip').options.title="New_value!";
$("#tooltip_id").tooltip('hide').tooltip('show');