问题标签 [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 投票
2 回答
2872 浏览

jquery - 如果触发 div 和目标 div 重叠,jQuery Hover 会闪烁

我已经设置了一个非常简单的 jQuery 悬停功能,但问题是当您将鼠标悬停在触发 div 上时,它可以工作,但是如果您将鼠标移到目标 div 上同时仍在触发 div(重叠)上,它会闪烁!?有任何想法吗?

我有这个 jQuery 代码:

使用此 HTML 结构:

这个CSS:

0 投票
3 回答
4285 浏览

jquery - 通过 Jquery 仅更改背景图像的 y 位置

我想使用悬停功能更改按钮的背景图像 y 位置。有没有一种简单的方法来保持 xpos 或者我应该先获得位置,将其拆分并再次与 $.css() 一起使用。

如果有人悬停其中任何一个,我应该更改所有 3 个跨度的背景位置。所以 bt_first:hover 似乎不可用。

这是我的用法。我写了#should stay same#来放置我不想改变xpos的值:

这是我的html。:

和CSS:

0 投票
1 回答
217 浏览

jquery - 如果用户在文档准备好之前悬停,jQuery .hover 会导致问题

下面的代码工作得很好,除了一个条件。如果用户在文档准备好之前将鼠标悬停在元素上,则 slideToggle 将不同步(或反转)。

所以结果是#logged_in_nav 在鼠标悬停时显示,在悬停时框消失。解决此问题的简单方法是什么?

0 投票
1 回答
3375 浏览

jquery - jQuery - 在 div 悬停时,在 div 中滑动并能够将鼠标悬停在新打开的 div 上

我正在尝试将鼠标悬停在底部栏上,它将在其上方的另一个 div 中滑动,我可以单击位于其中的项目,然后当我将鼠标移开时,两个“出现的 div”都会滑开。

但是,当我将鼠标从底部栏中移动以单击新出现的 div 中的某些内容(在 div 中滑动)时,它重新启用了效果,我该如何停止它以便我可以将鼠标悬停在两者上(在 div 中的滑动之后启用)并让它重新启动效果,基本上将其放入相同的幻灯片向下/幻灯片效果的循环中。

这是我的代码:

还有我的 HTML:

0 投票
1 回答
423 浏览

jquery - Image Hover jQuery 插件是如何工作的?

我想在我的网站上使用Image Hover插件。

因为我只用了一周的jQuery,所以我不是很熟练。我想要的是以下内容:

在我的网站上,我创建了各种缩略图,显示我的项目的预览。我真正想要的是,当你遇到一张“悬停”的图片时,该图片有一种模式。(这种模式在所有图像中的意思。)有人可以帮我实现代码吗?

这将是褪色的一部分:

0 投票
3 回答
2817 浏览

jquery - jquery悬停在我的列表项上不起作用

我要解决一个奇怪的问题,我在使用 ajax 动态生成的列表项中添加了悬停功能,但没有发生任何事情。代码正在执行,没有任何错误,但没有效果。即使是 mouseenter 和 mouseout 的警报也没有显示.警报偶尔会弹出一次,但不是每次都弹出。我正在使用以下代码。

我的html代码是

请帮助我,因为我被困得很厉害。

谢谢赫米什

0 投票
7 回答
311 浏览

jquery-hover - 如何使用 jQuery 获得悬停效果?它不适合我

我正在尝试获得类似于此示例的悬停效果。但拿不到。这是链接

0 投票
2 回答
5880 浏览

javascript - 鼠标离开视口时如何使 JQuery .hover() 工作?

下面的代码将在视口的最顶部放置一个 div。

预期的行为是:

当用户将鼠标悬停在 div 上,然后向上移动鼠标直到光标移出视口时,应在控制台中记录“悬停”消息。问题是没有任何东西被记录到控制台。

当鼠标离开视口时,如何让 JQuery .hover() 将某些内容记录到控制台?

0 投票
1 回答
132 浏览

jquery-hover - jquery .hover() 和 .show()

我想<div>在鼠标进入时隐藏一个,<div>当鼠标离开时它应该重新出现。<div>现在我只是隐藏了<div>但是当鼠标离开时它没有重新出现<div>

0 投票
1 回答
600 浏览

jquery - DOM更改后的jQuery悬停

这就是我使用jQuery 悬停的方式

悬停(handlerIn(eventObject),handlerOut(eventObject))

问题是当 DOM 更改时,悬停效果不再起作用。我知道live方法为我解决了很多次这样的问题,但在这种情况下我该如何解决呢?