Javascript 第二次鼠标悬停时立即显示引导工具提示
我有一个html元素,它有一个标题 title=这是一个工具提示,my class=工具提示 在my script.js中,以下代码仅用于演示我的问题: var超时; $'.tooltips'.mouseenterfunction{ var that=$this; 如果超时{ clearTimeouttimeout; } 超时=setTimeoutfunction{ 工具提示“show”; setTimeoutfunction{ 工具提示“隐藏”; }, 1000; }, 1000; };Javascript 第二次鼠标悬停时立即显示引导工具提示,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有一个html元素,它有一个标题 title=这是一个工具提示,my class=工具提示 在my script.js中,以下代码仅用于演示我的问题: var超时; $'.tooltips'.mouseenterfunction{ var that=$this; 如果超时{ clearTimeouttimeout; } 超时=setTimeoutfunction{ 工具提示“show”; setTimeoutfunction{ 工具提示“隐藏”; }, 1000; }, 1000; }; 在
在重新初始化超时之前,请尝试使用清除超时,如下所示:
var that = $(this);
if(timeout){
clearTimeout(timeout);
}
timeout = setTimeout(function(){
更新问题后,只需使用destroy而不是隐藏工具提示,无需使用cleartimout。这是因为一旦创建了工具提示,下一次鼠标点击链接时,工具提示将显示和隐藏,不会有任何延迟,设置超时也没有用处
var超时;
$'.tooltips'.mouseenterfunction{
var that=$this;
超时=setTimeoutfunction{
工具提示“show”;
setTimeoutfunction{
工具提示“销毁”;
}, 1000;
}, 1000;
};
在重新初始化超时之前,请尝试使用清除超时,如下所示:
var that = $(this);
if(timeout){
clearTimeout(timeout);
}
timeout = setTimeout(function(){
更新问题后,只需使用destroy而不是隐藏工具提示,无需使用cleartimout。这是因为一旦创建了工具提示,下一次鼠标点击链接时,工具提示将显示和隐藏,不会有任何延迟,设置超时也没有用处
var超时;
$'.tooltips'.mouseenterfunction{
var that=$this;
超时=setTimeoutfunction{
工具提示“show”;
setTimeoutfunction{
工具提示“销毁”;
}, 1000;
}, 1000;
};
我有一个解决这个问题的办法。 好像是这样
.tooltip('show')
正在为此元素启用工具提示,因此任何后续悬停都将显示工具提示
var超时;
$'.tooltips'.mouseenterfunction{
var that=$this;
如果超时{
clearTimeouttimeout;
}
超时=setTimeoutfunction{
工具提示“启用”;
工具提示“show”;
setTimeoutfunction{
工具提示“禁用”;
}, 1000;
}, 1000;
};
我有一个解决这个问题的办法。 好像是这样
.tooltip('show')
正在为此元素启用工具提示,因此任何后续悬停都将显示工具提示
var超时;
$'.tooltips'.mouseenterfunction{
var that=$this;
如果超时{
clearTimeouttimeout;
}
超时=setTimeoutfunction{
工具提示“启用”;
工具提示“show”;
setTimeoutfunction{
工具提示“禁用”;
}, 1000;
}, 1000;
};
你能为它做个演示吗?你能为它做个演示吗?