刷新一个元素,使其新的工具提示显示(在jQuery/Javascript中)

Question

我有一个html元素,它使用bootstrap工具提示在鼠标悬停时显示标题.但是,当您单击此元素时,我正在更改工具提示,但是直到我从中移除鼠标并再次将鼠标悬停在元素上之后,新工具提示才会显示.

我希望在单击所述按钮时立即显示工具提示.我怎样才能做到这一点？有没有办法"刷新",缺乏更好的单词,一个HTML元素？

Answer 1

试试这种方式

HTML代码:

 <h3>
Sensors Permissions
   <i class="icon-info-sign" data-toggle="tooltip" title="first tooltip" id='example'></i>
 </h3>

JQUERY CODE:

$(document).ready(function () {
   $('#example').tooltip();
   $('#example').on('click', function () {
     $(this).attr('data-original-title', 'changed tooltip');
     $('#example').tooltip();
     $(this).mouseover();
   });
});

现场演示:

http://jsfiddle.net/dreamweiver/9z404crn/

注意:以上逻辑仅适用于Bootstrap版本2.3.2及更低版本,但@ NabiK.AZ提供的解决方案也适用于最新版本.

快乐编码:)

Answer 2

对于我来说，在 Bootstrap 4 中，这是有效的：

$("#xxx").tooltip("dispose").attr("title", "New Tooltip").tooltip()