Javascript 引导3工具提示闪烁
我有一个带工具提示的引导3按钮。单击按钮时,工具提示将显示,然后消失。第二次单击时,工具提示会闪烁,不会很好地淡出。但是,当第三次单击时,该行为再次与预期相同 更新:以下代码适用于Bootstrap 3.0.0,但不适用于Bootstrap 3.3.7Javascript 引导3工具提示闪烁,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我有一个带工具提示的引导3按钮。单击按钮时,工具提示将显示,然后消失。第二次单击时,工具提示会闪烁,不会很好地淡出。但是,当第三次单击时,该行为再次与预期相同 更新:以下代码适用于Bootstrap 3.0.0,但不适用于Bootstrap 3.3.7 $('[data toggle=“tooltip”]')。工具提示({ 触发器:“单击”, 位置:'底部' }); 函数设置工具提示(节点、消息){ node.attr('data-original-title',message) .工具提示(
$('[data toggle=“tooltip”]')。工具提示({
触发器:“单击”,
位置:'底部'
});
函数设置工具提示(节点、消息){
node.attr('data-original-title',message)
.工具提示(“显示”);
}
函数hideTooltip(节点){
setTimeout(函数(){
工具提示('hide');
}, 1000);
}
$('.btn')。在('click',function()上{
var节点=$(此节点);
var msg=node.attr('data-title');
设置工具提示(节点,消息);
hideTooltip(节点);
});代码>
单击“我”
您应该使用触发器:“手动”
以便控制工具提示的显示或隐藏方式
$('[data toggle=“tooltip”]')。工具提示({
触发器:“手动”,
位置:'底部'
});
函数showTooltip(节点){
工具提示('show');
}
函数hideTooltip(节点){
setTimeout(函数(){
工具提示('hide');
}, 1000);
}
$('.btn')。在('click',function()上{
var节点=$(此节点);
显示工具提示(节点);
hideTooltip(节点);
});代码>
单击我
这里可以为您提供解决方案
$('.btn')。在('click',function()上{
var节点=$(此节点);
var msg=node.attr('data-title');
node.attr('data-original-title',msg)
.工具提示(“显示”);
setTimeout(函数(){
工具提示('hide');
}, 1000);
});
$('.btn').on('mouseleave',function(){
$(this.tooltip('hide');
});代码>
单击我
@FastSnail你有什么bug???@FastSnail bug修复了。