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

jquery - Jquery(这个)帮助

只是想要一些快速帮助我 90% 确定我需要使用 (this) 调用/函数,因为我需要它来处理页面上的多个对象。但我不确定将它放在我的 jquery 代码中的位置或方式,一旦用户翻过另一个对象,我会尝试为一个对象创建悬停状态,这是我的 jquery 代码,我希望这是有道理的,谢谢!

基本上我真正想知道的是,我想在页面上应用悬停效果的不止一个元素,就像现在一样,当我将鼠标悬停在一个项目上时,它们都会改变,但我想知道的是如何在父元素上滚动时更改子元素中的 css 我猜,我有一个 Div 包装器,当将鼠标悬停在内部 div 更改上时,这是否更有意义,仍然试图围绕 jquery 感谢您的帮助!:)

感谢大家的帮助!我刚刚想通了,我需要使用 - jQuery(this).find(); 谢谢!

0 投票
2 回答
597 浏览

svg - 如何使用 JQuery.hover 和 Raphael.animate 为菜单设置动画?

看到这个小提琴:

http://jsfiddle.net/UfP3C/3/

每个列表项都包含一个 SVG 元素。

我的目标是当用户悬停列表项时,会出现 Raphael 动画(对于它的子 svg 元素)。

我有以下问题:

  • 缓慢移动鼠标时 JQuery.hover 工作正常。但是,当您快速将鼠标移过(和关闭)两个列表项(水平)时,svg 元素通常会卡在“mouseenter”动画位置。

我试图弄清楚如何让动画按预期工作:当快速将鼠标悬停在两个列表项上时,最终结果是 svg 元素处于“mouseleave”位置。

上面的小提琴演示了这个问题(在 FireFox 5 和 Chrome 13 中)。

0 投票
1 回答
879 浏览

jquery - onMouseOver/onMouseOut 在子元素上触发

这是我的基本代码:

这会在 div 悬停时播放音频。有几个 div(每个都播放不同的音频)。

但是将鼠标悬停在每个 div 中的子元素(如文本)上会停止音频。

我知道这与冒泡/传播有关。我正在使用 jQuery,只是尝试添加 event.stopPropagtion(); 到功能,但它没有用。

其他解决方案需要使用 .hover() 等。但是我将如何获得要播放的文件的 id?

我希望这是有道理的。我发现很难解释我的意思。

任何帮助,将不胜感激。

现在我的工作代码是:

在 .hover 之前有变量很重要,尤其是当内容根据用户输入动态加载时。
我有它的另一种方式,当使用 innerHTML 时它不起作用。

0 投票
2 回答
86 浏览

jquery - 在过度效果完成之前,链接不活动

我目前正在尝试为我的链接添加悬停淡入效果,并且我已经完成了,但是在效果发生时链接在几秒钟内没有激活。我已经尝试淡入链接内的 img 元素,但这不起作用。我将 .mouseover() 切换到 .hover() 仍然不起作用。

这是代码:

有什么建议么??是发生这种情况的页面:(中间有一排灰色的大按钮)

0 投票
4 回答
714 浏览

jquery-hover - 如何防止 jQuery .hover 函数同时影响所有图像?

我不确定标题是否能很好地解释它,但我试图让它保持简短!

因此,我在页面周围散布了许多图像,并为它们创建了一个灯箱画廊(.cboxElement 是调用它的类)。我想添加的是对受灯箱影响的每个图像的悬停效果,以便用户知道它可以缩放。

问题:

我没有为网站编写原始代码,这是一个新功能。由于图像之间的类不一致,我不得不在每个图像之前添加一个标签,并使用一个唯一的类来引用悬停方法,如下所示:

紧接着,我使用了悬停效果:

问题是当我将鼠标悬停在页面上的图像上时,悬停效果同时出现在每个图像上,我无法弄清楚如何让它只影响我悬停的图像。

有人对我能做什么有任何想法吗?

非常感谢,

乔恩

0 投票
2 回答
55 浏览

jquery - 如何防止悬停动画最终消失

我有用于图像悬停的代码,当悬停时将在图像顶部显示信息。通过在回调中使用 queue:false,当用户多次将鼠标悬停在动画上时,我已经停止了动画的反复触发。

我的问题是,如果一个人对 mouseOverING 有点疯狂,则悬停状态的淡入/淡出会降低信息的不透明度,直到悬停图像不再可见。

这是我的 jsfiddle,如果你想玩的话。

http://jsfiddle.net/bkbarton/qrprD/

谢谢

0 投票
1 回答
410 浏览

jquery - 显示img后jquery悬停功能不起作用

我有下面的代码:第一个函数使用 rel 属性在鼠标悬停时显示替代图像 第二个函数采用隐藏的 div 并在同一页面上的另一个位置显示内容但是当我悬停图像时图像不会改变,隐藏 div 上的悬停有效,但在单击其他位置移动它后,悬停不起作用。我认为这可能是文档准备脚本,因为我在准备好后更改了页面,但我不确定,有什么建议吗?谢谢你

});

0 投票
1 回答
443 浏览

javascript - jQuery悬停隐藏在子元素上

落下

现场示例:http: //jsbin.com/axaqoc/2

当我尝试选择子选择框时,下拉菜单隐藏起来,认为鼠标离开了父元素。

js代码:(完整代码: http: //pastie.org/2624436

如何停止选择下拉菜单上的冒泡?(顺便说一句,这在 chrome 上运行良好,但在任何其他浏览器上都没有。)

html代码:

0 投票
3 回答
1424 浏览

jquery - JQuery :: 捕获悬停事件并更改子 div 上的 CSS

我知道我错过了一小部分......但是对于这样的标记:

我有以下jquery

我想要做的是更改'a.menusegment'中包含的div的顶部边框颜色

任何帮助将不胜感激。

谢谢!

0 投票
2 回答
67 浏览

jquery - 我无法将 jquery 函数绑定到当前 div

我有几个具有相同 ID (#viewport_outer) 的 div,在悬停时我试图显示一个放置在另一个 div 中的图标 (#icon-hover) ::: 我能够让图标显示 (不透明度 1 ) :::

问题是我无法为每个 (#viewport_outer) div ::: 绑定函数如果我将鼠标悬停在任何 div (#viewport_outer) 上,则图标 (#icon-hover) 仅显示在第一个(顶部)div 上: ::

这是我的 HTML:

这是我的 jQuery,我尝试过更改它,但无法使其正常工作::: 任何帮助将不胜感激:::