Question

当工具提示显示时，有没有办法更改Bootstrap工具提示的内容？

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

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

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

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

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

Answer 1

我可以使用以下方法获取工具提示：

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

在找到这篇文章并看到the answer from divy3993之前，我在网上发现的所有内容都无济于事，{{3}}也不起作用，但我足够亲密地想出了什么办法。

Answer 2

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

检查以下示例。

$(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>

显示

2 个答案: