我正在尝试使用 jquery fadetoggle 来平滑淡入和淡出。除了一件事,一切都很好。当你悬停段落时,工具提示会淡入,当你离开段落时,工具提示会淡出,但是当你悬停段落时,然后你悬停工具提示,它会很快淡出并淡入。我怎样才能摆脱这个动画?我的意思是当我悬停它时工具提示不应该淡入。如果我悬停该段落,它应该只淡入
css
p{position: relative; cursor: default;}
#tooltip{display: none; position: absolute; top: -28px; left: 0px; padding: 1px 10px; border-radius: 13px; background: #3DD13D; color: #fff;}
html
<p>Text which has meta info when hovered<span id="tooltip">Hi im meta info</span></p>
js
$(document).ready(function(){
$('p').hover(function(){
$('#tooltip').fadeToggle("500", "linear", "true")
})
});