Question

我一直在通过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/

Answer 1

该插件基于您提供的代码在一个简单的测试用例中为我工作。您确定页面的其他代码中没有任何内容可能导致此错误吗？

我的simple test case从github中提取了一些醉意插件。 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 3.6和Chrome 8上都进行了测试，两者都在Linux上进行了测试。

Answer 2

我遇到了同样的问题。我也在使用Blueprint的CSS框架。虽然它可能与它有很大关系，但这里的核心差异是Day正在使用的版本：他从GitHub导入版本1.0.0a，而我们（我曾）使用版本0.1.7。

将当天的例子与Tipsy的v0.1.7 causes the same problem联系起来。

新版本为我做了诀窍。

Answer 3

你可能没有为标签输入TITLE。

jQuery tipsy插件。焦点触发不起作用

3 个答案: