jQuery 醉醺醺的插件。焦点触发器不起作用答案

【问题标题】：jQuery tipsy plugin. On focus trigger not workingjQuery 醉醺醺的插件。焦点触发器不起作用
【发布时间】：2010-11-23 16:45:04
【问题描述】：

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

【问题讨论】：

标签： javascript jquery jquery-plugins focus tooltip

【解决方案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 上的 Firefox 3.6 和 Chrome 8 中进行了测试。

【讨论】：

嗯，那一定是 CSS，我正在使用 Blueprint CSS 框架，所以可能会搞砸。我知道它与日历插件相混淆。不过谢谢你试一试，至少我知道现在不是 JS。

【解决方案2】：

我也遇到了同样的问题。而且我也在使用 Blueprint 的 CSS 框架。尽管这很可能与它有关，但这里的核心区别在于 Day 使用的版本：他从 GitHub 导入版本 1.0.0a，而我们（我曾经）使用的是 0.1.7 版本。

将 Day 的示例连接到 Tipsy 的 v0.1.7 causes the same problem。

新版本对我有用。

【讨论】：

一个老问题但很好的答案，很好地解决了这个问题。从那以后我转向了 960，但我希望这可以帮助很多人。

【解决方案3】：

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

【讨论】：