gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 10:54:02 24 4
gpt4 key购买 nike

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com