所以这可能是一个错误,但它的烦恼,没有双关语意图。
问题是,当您将鼠标悬停在输入字段上时,工具提示会显示在右侧,很棒!问题是,如果将鼠标悬停在现在出现的工具提示上,然后将鼠标移离工具提示(让我们直接说下)并进入空白页面空间而不返回输入,则工具提示不会消失。想法?
要查看到底发生了什么,请查看我在此处运行的代码:http://jsfiddle.net/WBdns/
对于那些不想在这里查看演示的人,我的代码是:
HTML:
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<label for="ref" class="inline">ICD9 Code
<input name="ref" class="hovertip" type="text" id="ref" tabindex="" title="This code is located on the Order"placeholder="" required class="" />
</label>
JS:
$(function() {
// jQuery Tooltips: http://jquerytools.org/documentation/tooltip/index.html
$('.hovertip[title]').tooltip({
predelay:100,
offset: [10, 2],
effect:'slide',
slideInSpeed:100,
slideOutSpeed:100,
position:'center right',
opacity:0.8,
layout:'<span/>',
tipClass:'tooltip info ',
events: {
input:'mouseover focus,blur mouseout',
}
});
});
非常感谢任何帮助!