Javascript 如何在每次悬停时更新Bootstrap 3工具提示文本?
我只想在每次悬停显示前更新工具提示。如果出现错误,我会弹出一个警告图标,悬停时我希望显示最近的错误。不过,我所拥有的并不管用 HTML代码段Javascript 如何在每次悬停时更新Bootstrap 3工具提示文本?,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我只想在每次悬停显示前更新工具提示。如果出现错误,我会弹出一个警告图标,悬停时我希望显示最近的错误。不过,我所拥有的并不管用 HTML代码段 <div id="title">App</div> <button id="warningbtn" type="button" class="btn-default btn-sm" data-toggle="errortip" data-placement="right" titl
<div id="title">App</div>
<button id="warningbtn" type="button" class="btn-default btn-sm"
data-toggle="errortip" data-placement="right" title="">
<span class="glyphicon glyphicon-warning-sign"></span>
</button>
从页面上的简单开始按钮调用开始。recentError在.js文件的顶部声明
谢谢你的帮助 试试这个
$('#warningbtn').on('show.bs.tooltip', function() {
$('#warningbtn').tooltip({
title: errorVariable
})
});
您可以使用以下代码。我已根据您的要求进行了更新:
var-recentError;
函数start(){
var结果=-1;
如果(结果==-1){
recinterror=“您的许可证无效。”;
}
}
$(文档).ready(函数(){
$('[data toggle=“errortip”]')。工具提示({
标题:recentError
});
});
start()代码>
应用程序
无论何时需要工具提示的新值,都可以设置此属性:
$('#warningbtn').attr('data-original-title','something else');
这里报告了一个问题,动态设置工具提示标题似乎有问题
您可以在show.bs.tooltip事件中使用数据原始标题属性:
var errorVariable=Date.now()%100;
$(函数(){
$('[data toggle=“errortip”]')。工具提示({
触发器:“悬停”,
标题:errorVariable
}).on('show.bs.tooltip',函数(e){
$(this.attr('data-original-title',errorVariable);
});
$('myBtn')。在('click',函数(e)上{
errorVariable=Date.now()%100;
});
});代码>
单击“我”创建随机工具提示消息
应用程序
这不起作用。当鼠标悬停在工具提示上时,它不会更新工具提示。它停留在recentError中的原始值,而不是新分配的值。请使用新错误消息更新recentError。由于某种原因,它会更新,当我使用此代码时,实际上不会弹出任何内容。工具提示的代码不起作用。这导致加载错误。是的,这起作用了!你太棒了!谢谢你,伙计!惊人:)
$('#warningbtn').attr('data-original-title','something else');