问题标签 [jquery-hover]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
919 浏览

javascript - 发送ajax请求之前的延迟不起作用

当我将鼠标悬停在它上面时,<td>它会等待 900 毫秒,然后发送大量请求(我总是在这 900 毫秒内将鼠标悬停在更多的 td 上)。我究竟做错了什么?为什么只有clearTimeout (评论)有效?

我的意思是在点击服务器之前等待,如果用户<td>在这个运行倒计时(900 毫秒)中将鼠标移动到另一个,之前的倒计时被中止并发生新的倒计时

0 投票
1 回答
267 浏览

jquery - 如何在不向右滑动下一个元素的情况下在悬停时显示 jquery 函数

我正在尝试创建一行图像并悬停 - 显示有关该项目的更多信息,例如价格和该项目的链接。现在悬停时,包含更多信息的框(黄色)显示在项目下方,我希望它显示为一个元素,右侧是信息,左侧是项目图片。我也不希望它滑过下一个项目,而是在下一个项目的顶部显示黄色的信息框。很难解释,所以看看基本代码:http: //jsfiddle.net/ryanabennett/bFZDL/1/

正如您可能从问题中看出的那样,我对编码很陌生,并且一直尝试使用不同的位置元素,但似乎没有任何效果。希望您能提供帮助。

这是我的 HTML:

这是我的CSS:

这是我的jQuery:

希望你能帮助我...

0 投票
1 回答
738 浏览

jquery - 悬停元素在 IE 7 中未正确显示

我正在尝试创建一行图像并悬停 - 显示有关该项目的更多信息,例如价格和该项目的链接。现在悬停时,包含更多信息的框(黄色)在 Chrome、Safari、Firefox 和 IE 8 上正确显示。但是,在 IE 7 中,产品图像(蓝色背景)显示在框(黄色) 应显示。这有点难以解释,所以请查看链接:http: //jsfiddle.net/ryanabennett/bFZDL/27/。这是成品应该是什么样子的图像:http: //www.flickr.com/photos/61208628@N07/5937560243/in/photostream。再次,这在 IE 8 和 9 中运行良好,但在 IE 7 中运行良好,我似乎无法弄清楚我缺少什么。

这是HTML:

这是CSS:

这是jQuery:

希望你能帮我解决这个问题。我知道我只是错过了一些小东西,但我似乎无法弄清楚。提前致谢。

0 投票
1 回答
517 浏览

jquery - Jquery 不隐藏带有变量的 DIV

基于 HOVER 构建 JQUERY 菜单。当用户将鼠标悬停在 ID TYPO 上时,它会提取 TYPO ID 的编号并将其传递给 CAT 的 ID。因此,如果我将鼠标悬停在 DIV ID = TYPO2 上,它应该显示 DIV ID=CAT2。这很好用,只是我想在鼠标离开时隐藏 CAT,除非我再次声明并在 HOVER OUT 中重复 catId 变量,否则它不起作用。还有另一种更有效的方法吗?

提前致谢

代码 :

0 投票
1 回答
213 浏览

jquery - 使用 jQuery 添加动画 css 更改和悬停附加

我什至可能没有正确使用“事件”这个词。这是我想要做的:

我有一个以“阅读更多”字样开头的链接。当用户将鼠标悬停在“Ream More”链接上单击它时,我希望右侧的填充扩展一点,然后在悬停停止时收缩。我可以很容易地做到这一点:

但是当您将鼠标悬停在它上面时,我也想附加文本“,请”。我可以使用它来做到这一点,.append()但我遇到了障碍。如果我将它添加到这样的代码中:

然后每次有人悬停它都会添加另一个“,请”。如果可能,我只想在第一次悬停时添加一次。

此外,我希望“,请”在它们停止悬停时留在那里并且不要离开。我猜我将需要使用.one(),或者.bind()但我不确定应该去哪里。

任何帮助将不胜感激。提前致谢。

更新:我取得了一些进展,见下文:

首先,我刚刚学会了如何最终使用用户.one(),而且我也刚刚了解到它.hover()的工作方式与mouseenter. 所以这就是我现在所拥有的:

所以我对此很满意,我只需要弄清楚如何添加它和填充动画以获得更多耀斑。

0 投票
2 回答
460 浏览

jquery - JQuery 确实悬停显示所有元素,需要父参考或 $this 的帮助

我所拥有的是一个图像和内容列表,它们包含在名为 views-row-1、views-row-2、views-row-3 等的 div 标签中

  • div1 .views-field-field-inthepress-icon-fid .field-content

  • div2 .views-field-markup .field-content

一旦 div1 悬停,然后我使用 jquery 使 div2 可见(在 css 中设置为 none),使用 css div2 位于 div1 之上,然后我隐藏 div1

我隐藏了内容并使用 JQuery 显示它,问题是当我悬停时,所有列表的所有内容都会显示!

0 投票
1 回答
1149 浏览

jquery - jquery子菜单隐藏/显示与单独的div中的子菜单

如何在悬停时隐藏/显示不在原始触发器内的子菜单?

我有以下代码:

HTML

Javascript

隐藏/显示正在工作。唯一的问题是,一旦我将鼠标悬停在触发器之外,我的子菜单也被隐藏了,因此我无法单击子菜单上的任何内容。

我不想将子菜单放在列表项中,因为它弄乱了我的 CSS。有没有办法让我从触发器悬停到子菜单,只有当我离开两者时,子菜单才会隐藏?

感谢帮助!

0 投票
3 回答
99 浏览

javascript - 实现 javascript 褪色图像鼠标悬停和鼠标移出效果的最佳方法是什么?

我想 jQuery 将是用于执行此操作的库。我当然可以弄清楚如何在鼠标悬停时切换图像的来源,然后在鼠标悬停时将其切换回。但是我怎样才能通过淡入淡出图像来实现这种效果呢?

我已经尝试使用 jQuery Cycle 插件来实现这一点,但我没有成功。我觉得也许有更简单的方法可以做到这一点。我会很感激帮助,有什么想法吗?

0 投票
2 回答
505 浏览

wordpress - 当它们在一起时,jquery 悬停和 ajax 分页出错

谢谢阅读。我的 wordpress 网站上有一些代码,第一个代码在图像上添加了一个覆盖层,上面有颜色、文章标题和指向项目的链接。第二个代码使用 jQuery 添加了一个 ajax 分页。

问题是我的项目带有图像,并且 jquery 覆盖非常完美,但是当他们单击调用 ajax 分页的先前项目链接时,jquery 覆盖停止工作。

我一直在尝试不同的选择,但也许我没有以正确的方式解决它。有人有线索吗?

提前致谢。

代码:

0 投票
5 回答
7986 浏览

jquery - 如何在 JQuery.hover() 上只进行一次 AJAX 调用?

当用户将鼠标悬停在 div 上时,我想在 div 中显示 AJAX 调用的结果(即用 AJAX 调用的结果替换 div 内容)。基本功能是当用户将鼠标悬停在该点上时,将页面上的点替换为包含来自服务器的内容的圆圈,并在用户停止悬停时再次显示该点。页面上可能有很多点,每个点在悬停时都有不同的圆圈内容。

我让它工作了,但我注意到当用户将鼠标悬停在给定的 div 上时,AJAX 调用被重复调用。如何防止重复调用?

我尝试了各种用法,.one.unbind('mouseenter', 'mouseleave')还没有让它正常工作。

这就是我现在所拥有的(悬停行为适合用户,但会导致对后端的重复调用)。

和脚本: