javascript - 无法更改 Bootstrap 工具提示标题

Question

我已经查看了几篇关于堆栈溢出的帖子，几乎提出了完全相同的问题，但我在这些问题上发现的内容都没有帮助。我是 JQuery 和 Bootstrap 的新手，所以也许我只是错过了一些非常简单的东西。

我希望能够在第一次初始化后更改不同元素的工具提示标题(最好在初始化后多次更改。)我正在处理的简化版本:

<canvas id="bag0"  data-toggle="tooltip" title="test">
</canvas>
...
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

$(document).ready(function(){
            $('#bag0').data('tooltip',false)          
                  .tooltip({ title: 'new text'});
            $('[data-toggle="tooltip"]').tooltip();

});

这个改变标题的方法是从发帖给出的:How to overwrite twitter bootstrap tooltip?

工具提示始终显示为“测试”。我修改了其他一些东西但无济于事。我怀疑我忽略了一些明显的东西。

Answer 1

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

以上代码可能对您有所帮助。

$.tooltip(string) 调用 Tooltip 类中的任何函数。如果您查看 Tooltip.fixTitle，它会获取 data-original-title 属性并用它替换标题值。

您可以使用元素 id 或类使其更具体。

• 帮助 :)