问题标签 [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.
javascript - 发送ajax请求之前的延迟不起作用
当我将鼠标悬停在它上面时,<td>
它会等待 900 毫秒,然后发送大量请求(我总是在这 900 毫秒内将鼠标悬停在更多的 td 上)。我究竟做错了什么?为什么只有clearTimeout
(评论)有效?
我的意思是在点击服务器之前等待,如果用户<td>
在这个运行倒计时(900 毫秒)中将鼠标移动到另一个,之前的倒计时被中止并发生新的倒计时
jquery - 如何在不向右滑动下一个元素的情况下在悬停时显示 jquery 函数
我正在尝试创建一行图像并悬停 - 显示有关该项目的更多信息,例如价格和该项目的链接。现在悬停时,包含更多信息的框(黄色)显示在项目下方,我希望它显示为一个元素,右侧是信息,左侧是项目图片。我也不希望它滑过下一个项目,而是在下一个项目的顶部显示黄色的信息框。很难解释,所以看看基本代码:http: //jsfiddle.net/ryanabennett/bFZDL/1/
正如您可能从问题中看出的那样,我对编码很陌生,并且一直尝试使用不同的位置元素,但似乎没有任何效果。希望您能提供帮助。
这是我的 HTML:
这是我的CSS:
这是我的jQuery:
希望你能帮助我...
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:
希望你能帮我解决这个问题。我知道我只是错过了一些小东西,但我似乎无法弄清楚。提前致谢。
jquery - Jquery 不隐藏带有变量的 DIV
基于 HOVER 构建 JQUERY 菜单。当用户将鼠标悬停在 ID TYPO 上时,它会提取 TYPO ID 的编号并将其传递给 CAT 的 ID。因此,如果我将鼠标悬停在 DIV ID = TYPO2 上,它应该显示 DIV ID=CAT2。这很好用,只是我想在鼠标离开时隐藏 CAT,除非我再次声明并在 HOVER OUT 中重复 catId 变量,否则它不起作用。还有另一种更有效的方法吗?
提前致谢
代码 :
jquery - 使用 jQuery 添加动画 css 更改和悬停附加
我什至可能没有正确使用“事件”这个词。这是我想要做的:
我有一个以“阅读更多”字样开头的链接。当用户将鼠标悬停在“Ream More”链接上单击它时,我希望右侧的填充扩展一点,然后在悬停停止时收缩。我可以很容易地做到这一点:
但是当您将鼠标悬停在它上面时,我也想附加文本“,请”。我可以使用它来做到这一点,.append()
但我遇到了障碍。如果我将它添加到这样的代码中:
然后每次有人悬停它都会添加另一个“,请”。如果可能,我只想在第一次悬停时添加一次。
此外,我希望“,请”在它们停止悬停时留在那里并且不要离开。我猜我将需要使用.one()
,或者.bind()
但我不确定应该去哪里。
任何帮助将不胜感激。提前致谢。
更新:我取得了一些进展,见下文:
首先,我刚刚学会了如何最终使用用户.one()
,而且我也刚刚了解到它.hover()
的工作方式与mouseenter
. 所以这就是我现在所拥有的:
所以我对此很满意,我只需要弄清楚如何添加它和填充动画以获得更多耀斑。
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 显示它,问题是当我悬停时,所有列表的所有内容都会显示!
jquery - jquery子菜单隐藏/显示与单独的div中的子菜单
如何在悬停时隐藏/显示不在原始触发器内的子菜单?
我有以下代码:
HTML
Javascript
隐藏/显示正在工作。唯一的问题是,一旦我将鼠标悬停在触发器之外,我的子菜单也被隐藏了,因此我无法单击子菜单上的任何内容。
我不想将子菜单放在列表项中,因为它弄乱了我的 CSS。有没有办法让我从触发器悬停到子菜单,只有当我离开两者时,子菜单才会隐藏?
感谢帮助!
javascript - 实现 javascript 褪色图像鼠标悬停和鼠标移出效果的最佳方法是什么?
我想 jQuery 将是用于执行此操作的库。我当然可以弄清楚如何在鼠标悬停时切换图像的来源,然后在鼠标悬停时将其切换回。但是我怎样才能通过淡入淡出图像来实现这种效果呢?
我已经尝试使用 jQuery Cycle 插件来实现这一点,但我没有成功。我觉得也许有更简单的方法可以做到这一点。我会很感激帮助,有什么想法吗?
wordpress - 当它们在一起时,jquery 悬停和 ajax 分页出错
谢谢阅读。我的 wordpress 网站上有一些代码,第一个代码在图像上添加了一个覆盖层,上面有颜色、文章标题和指向项目的链接。第二个代码使用 jQuery 添加了一个 ajax 分页。
问题是我的项目带有图像,并且 jquery 覆盖非常完美,但是当他们单击调用 ajax 分页的先前项目链接时,jquery 覆盖停止工作。
我一直在尝试不同的选择,但也许我没有以正确的方式解决它。有人有线索吗?
提前致谢。
代码:
jquery - 如何在 JQuery.hover() 上只进行一次 AJAX 调用?
当用户将鼠标悬停在 div 上时,我想在 div 中显示 AJAX 调用的结果(即用 AJAX 调用的结果替换 div 内容)。基本功能是当用户将鼠标悬停在该点上时,将页面上的点替换为包含来自服务器的内容的圆圈,并在用户停止悬停时再次显示该点。页面上可能有很多点,每个点在悬停时都有不同的圆圈内容。
我让它工作了,但我注意到当用户将鼠标悬停在给定的 div 上时,AJAX 调用被重复调用。如何防止重复调用?
我尝试了各种用法,.one
但.unbind('mouseenter', 'mouseleave')
还没有让它正常工作。
这就是我现在所拥有的(悬停行为适合用户,但会导致对后端的重复调用)。
和脚本: