javascript - jQuery 微醉插件。焦点触发不起作用

标签 javascript jquery jquery-plugins focus tooltip

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

最佳答案

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

我的 simple test case从 github 中引入 tipsy 插件。 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 中进行了测试。

关于javascript - jQuery 微醉插件。焦点触发不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4258519/

相关文章:

Javascript - 仅返回对象数组中的唯一值

javascript - 使用 Enter Key React 触发提交按钮

jquery - Jeditable 不会更新加载的 ajax 页面上的新输入数据

jquery - 使用 jquery fullcalendar 1.5 从一系列事件中仅删除一个事件

javascript - 使用 ExtJS 切换 View

javascript - 子div在css中影响父div并触发jquery方法

javascript - 如何干燥类似的函数调用

javascript - 如何从 JS 更改 RangeSlider 颜色

javascript - JQuery - .animate <img>

jquery - Jquery 表插件中的值之和