javascript-jQuery小技巧插件.聚焦触发不起作用

2022-10-28 20:15:37

我一直在通过jQuery工具提示插件过滤自己的方式,并发现了棘手的问题.它由GitHub使用,这是我大部分决定的基础.我真的很喜欢它,而且真的很容易使用.

我对此有疑问.我需要工具提示淡入焦点,而不是悬停.目前可以使用,但只能在悬停时使用.这是我当前的代码：

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

有或没有触发器：“悬停”,都没有区别.我仔细阅读了文档,因此它是正确的代码.

我知道这与HTML / CSS无关.因为它已经起作用,所以不能集中精力.

我正在使用jQuery v1.4.4.

任何建议将不胜感激,谢谢.

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

解决方法:

该插件会根据您提供的代码在一个简单的测试用例中为我工作.您确定页面的其他代码中没有任何东西可能导致此错误吗？

我的simple test case从github上获取了可爱的插件. jsfiddle.net增加了一些额外的东西,但是重要的部分可以简化为以下HTML,这些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="https://*.com/q/4258519/445073">* 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中进行了测试.

码农公寓

相关文章