我一直在通过 jQuery 工具提示插件进行过滤,并发现有点醉意。它由 GitHub 使用,这是我大部分决定的基础。我真的很喜欢它,而且它真的很容易使用。
但我有一个问题。我需要工具提示在焦点上淡入,而不是悬停。目前它可以工作,但只能在悬停时使用。这是我当前的代码:
$('input.tip').tipsy({trigger: 'focus', gravity: 'w', fade: true});
有还是没有trigger: 'hover',
没有什么区别。我仔细阅读了文档,所以它是正确的代码。
这与 HTML/CSS 无关,我知道这是事实。因为它已经可以工作了,只是没有聚焦。
我正在使用 jQuery v1.4.4。
任何建议将不胜感激,谢谢。
资源:http://onehackoranother.com/projects/jquery/tipsy/ http://onehackoranother.com/projects/jquery/tipsy/
该插件根据您提供的代码在一个简单的测试用例中为我工作。您确定页面的附加代码中没有任何内容可能导致此错误吗?
My 简单的测试用例 http://jsfiddle.net/daybarr/fpfCB/从 github 中获取 Tipsy 插件。 jsfiddle.net 添加了一些额外的内容,但重要的部分可以简化为以下 HTML,当我测试它时,它可以工作:
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
<script type='text/javascript' src="https://github.com/jaz303/tipsy/raw/fa497c144ad7d14126a808f4c18a9ba22f2df70f/src/javascripts/jquery.tipsy.js"></script>
<script type='text/javascript'>
$(function(){
$('input.focustip').tipsy({trigger: 'focus', gravity: 'w', fade: true});
$('input.hovertip').tipsy({trigger: 'hover', gravity: 'w', fade: true});
});
</script>
</head>
<body>
<p>Test case for <a href="http://stackoverflow.com/q/4258519/445073">stackoverflow question</a>.</p>
<p>Focus tip: <input class="focustip" title="focus"></input></p>
<p>Hover tip: <input class="hovertip" title="hover"></input></p>
</body>
</html>
我在 Linux 上的 Firefox 3.6 和 Chrome 8 中进行了测试。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)