自制jQuery工具提示脚本动作不稳定
自制jQuery工具提示脚本动作不稳定
提问于 2012-08-02 04:13:15
这是我的脚本：http://jsfiddle.net/w3kXj/2/
正如您所看到的，我正在尝试使复选框输入显示悬停时的.terms-of-use div。但是，div的行为是非常不可预测的。有时它在悬停时根本不会显示，特别是当你从下面用鼠标悬停的时候。这到底是怎么回事？有人能帮上忙吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-08-02 04:33:37
我认为这样做的目的应该是将监听器绑定到整个字段集，而不是将两个元素分开。
http://jsfiddle.net/jomikr/w3kXj/10/
Stack Overflow用户
发布于 2012-08-02 04:24:33
使用stop(true，true) .stop()来修复div完全淡出的问题，但它的行为仍然有点奇怪。
$(function(){
// email results page tooltip hover
$('.terms-of-use').hide();
$('.agree-statement, .terms-of-use').hover(function(){
$('.terms-of-use').stop(true,true).fadeToggle();
});
});http://jsfiddle.net/w3kXj/5/
我推荐使用这个插件hoverintent
Stack Overflow用户
发布于 2012-08-02 04:25:29
通过监听工具提示触发器和工具提示本身上的悬停和悬停，您将引入许多可能的问题。解决方案如下：
- 仅在
.agree-statement - Listen上侦听
mouseentermouseleave在.agree-statement和.terms-of-use - In
mouseleave处理程序上，仅在toElement不是工具提示本身时隐藏。<代码>H215<代码>F216
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11766866
复制相关文章
相似问题
腾讯云开发者
