显示时更改引导工具提示内容

Question

有什么方法可以改变 Bootstrap 工具提示的内容当工具提示显示时？

$('.tooltip-inner').html(myContent);

不够好，因为页面上有很多工具提示。

最好是工具提示 div 的 ID（由 Bootstrap 生成），但每次显示时它都会改变。

用例是一个小型 HTML 游戏，其中工具提示用于实时显示资源。

编辑：当前解决方案：定义一个变量toggle，在显示工具提示时将其设置为 true，在使用 Bootstrap 工具提示事件隐藏时将其设置为 false。当toggle 为真时使用$('.tooltip-content').html(content)。

Answer 1

我能够使用此更新工具提示：

$('#el').attr('data-original-title', 'New text').tooltip();

在我找到这篇文章并看到the answer from divy3993 之前，我在网上找到的其他任何东西都没有帮助，这也不起作用，但让我足够接近以弄清楚什么会起作用。

Answer 2

我认为您需要在tooltip 出现之前更改title 属性。

查看以下示例。

$(document).ready(function() {
  var newValue = "This does change huh..";
  $('[data-toggle="tooltip"]').attr('title', newValue).tooltip();
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="container">
  <h3>Tooltip Example</h3>
  <a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
</div>