jQuery醉意的插件。在焦点触发不工作

我一直在过滤我的方式通过jQuery工具提示插件，并发现醉意。它被GitHub使用，这是我基于我的决定的大部分。我非常喜欢它，它非常易于使用。jQuery醉意的插件。在焦点触发不工作

虽然我有问题。我需要工具提示淡入焦点，而不是悬停。它目前的工作，但只有悬停。这里是我目前的代码：

$('input.tip').tipsy({trigger: 'focus', gravity: 'w', fade: true});

有没有trigger: 'hover',没有区别。我彻底阅读了文档，因此它是正确的代码。

这与HTML/CSS无关，我知道这是事实。因为它已经起作用了，只是没有关注。

我正在使用jQuery v1.4.4。

任何建议将不胜感激，谢谢。

资源：http://onehackoranother.com/projects/jquery/tipsy/

来源

2010-11-23 Olical

该插件在根据您提供的代码一个简单的测试用例为我工作。您确定页面的附加代码中没有任何内容可能会导致此问题出错吗？

我的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>

我在Firefox 3.6和Chrome 8，无论是在Linux上进行测试。

来源

2010-11-23 19:16:25 Day

嗯，它必须是CSS，然后，我使用Blueprint CSS框架，这样可能会搞砸了。我知道这与日历插件混淆。感谢你给它一下，至少我知道现在不是JS。 – Olical 2010-11-23 19:33:14

我刚刚有同样的问题。我也在使用Blueprint的CSS框架。虽然它可能与它有关，但这里的核心区别在于Day使用的版本：他从GitHub导入1.0.0a版本，而我们（我是）使用0.1.7版本。

把天的例子连接到Tipsy的v0.1.7 causes the same problem。

新版本为我做了窍门。

来源

2011-07-26 07:23:16

一个古老的问题，但一个很好的答案，做得好的工作。自那以后，我转向了960，但我希望这能帮助很多人。 – Olical 2011-07-26 07:45:56

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

来源

2012-08-20 12:53:57 Nemanja

jQuery醉意的插件。在焦点触发不工作

回答

相关问题