代码之家 › 专栏 › 技术社区 › Olical

jquery tipsy插件。聚焦触发器不工作

tooltip focus jquery-plugins jquery javascript

Olical · 技术社区 · 15 年前

我一直在通过jquery工具提示插件过滤我的方法,并且发现了tipsy。它被Github使用,这是我大部分决策的基础。我真的很喜欢它,而且它很容易使用。

不过,我有点问题。我需要工具提示淡入焦点,而不是悬停。它目前工作,但只在悬停。这是我的当前代码:

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

有无 trigger: 'hover', 没有区别。我把文件看得很清楚,所以代码是正确的。

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

我使用的是jquery v1.4.4。

任何建议都会非常感谢,谢谢。

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

3 回复 | 直到 12 年前

Day 15 年前

simple test case

<!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>