Jquery工具工具提示不会消失

时间:2012-06-07 14:11:37

标签: tooltip jquery-tools

所以这可能是一个错误,但它的烦恼,没有双关语意图。

问题是,当您将鼠标悬停在输入字段上时,工具提示会显示在右侧,很棒!问题是,如果将鼠标悬停在现在出现的工具提示上,然后将鼠标移离工具提示(让我们直接说下)并进入空​​白页面空间而不返回输入,则工具提示不会消失。想法?

要查看到底发生了什么,请查看我在此处运行的代码: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',
    }
});
});​

非常感谢任何帮助!

0 个答案:

没有答案