jQuery's tooltip()
plugin creates a data-original-title
attribute on the tooltipped elements, and copies the initial content of that element's title
attribute into it.
Dynamic changes to data-original-title
are reflected in the tooltip, whereas changes in title
do not affect it (after it has already been init'ed).
$(document).ready(function() {
$('[data-toggle="tooltip"]').tooltip();
$("#button").attr('data-original-title', 'your new title');
});
<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/3.3.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="#" id="button" data-toggle="tooltip" title="Hooray!">Hover over me</a>
</div>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…