如何更改Bootstrap工具提示文本？

Question

我已经从stackoverflow和互联网上尝试了很多不同的答案，但没有人修复它。

这就是我所拥有的：

• http://jsbin.com/hehijuho/4/
• http://jsbin.com/hehijuho/4/watch?html,css,js,output

正如您所看到的，它在单击按钮后成功更改了按钮的标题，但它不会更改工具提示文本。任何帮助都会很棒，因为就像我说的那样，我已经尝试过我在这里发现的所有其他解决方案。我在互联网上找到的所有其他人。

Answer 1

您可以使用bootstrap工具提示的fixTitle方法来实现此目的。希望你不介意使用jQuery。 JSBIN

function fav(my_id, my_btn) {
    "use strict";
    var button = $('#' + my_btn);
    var icon = $('#' + my_id);
    if (icon.attr('class') === "glyphicon glyphicon-star yellow") {
        icon.attr('class', 'glyphicon glyphicon-star-empty');
        button.attr('data-original-title', 'Add to Favorites')
          .tooltip('fixTitle').tooltip('show');
    } else {
        icon.attr('class', 'glyphicon glyphicon-star yellow');
        button.attr('data-original-title', 'Remove from Favorites')
          .tooltip('fixTitle').tooltip('show');

    }
}