在每次悬停时更新Bootstrap 3工具提示文本可以通过以下步骤实现:
data-toggle="tooltip"
属性,以及data-original-title
属性来设置初始的工具提示文本。<button type="button" class="btn btn-primary" data-toggle="tooltip" data-original-title="初始文本">悬停查看</button>
tooltip()
方法来完成。$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
mouseenter
事件和tooltip('hide')
方法来更新工具提示文本。在mouseenter
事件发生时,调用tooltip('hide')
方法来隐藏工具提示。然后,通过修改data-original-title
属性的值来更新工具提示文本。最后,再次调用tooltip()
方法来显示更新后的工具提示。$(document).ready(function(){
$('[data-toggle="tooltip"]').on('mouseenter', function(){
$(this).tooltip('hide').attr('data-original-title', '更新后的文本').tooltip('show');
});
});
这样,每次鼠标悬停在按钮上时,工具提示文本就会更新为"更新后的文本"。
在腾讯云的云计算服务中,推荐使用云服务器(CVM)来搭建和运行你的网站或应用。腾讯云的云服务器提供了高性能、稳定可靠的虚拟机实例,可满足各种规模和需求的业务。
更多关于腾讯云云服务器的信息,请访问以下链接:
请注意,本回答仅供参考,实际情况可能因环境和需求而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云