Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导3工具提示闪烁_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 引导3工具提示闪烁

Javascript 引导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) .工具提示(

我有一个带工具提示的引导3按钮。单击按钮时,工具提示将显示,然后消失。第二次单击时,工具提示会闪烁,不会很好地淡出。但是,当第三次单击时,该行为再次与预期相同

更新:以下代码适用于Bootstrap 3.0.0,但不适用于Bootstrap 3.3.7

$('[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修复了。