问题标签 [hoverintent]

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 投票
3 回答
1905 浏览

jquery - 当子元素上的 hoverIntent 触发时,如何取消父元素上的 hoverIntent?

我有一个父元素,当悬停在上面时会显示一个元素。我还有一个子元素,当悬停在上面时会显示不同的元素。

我不希望它们同时触发 - 即,如果您将鼠标悬停在子元素上,我只想显示它的关联元素 - 并抑制父元素的悬停。

我无法让它可靠地工作。可能遗漏了一些明显的东西。有任何想法吗?

编辑 - 澄清:

在这种情况下,“父”和“子”是相互不了解的独立可重用组件,因此我实际上无法将上下文从一个注入另一个

这是我使用 jQuery 和hoverIntent插件设置的演示。

HTML:

CSS:

JavaScript:

您可以在 jsFiddle 上查看:http: //jsfiddle.net/hNqQ7/1

0 投票
2 回答
3375 浏览

jquery - JQuery hoverintent:将“悬停”转换为“点击”

  1. 我正在使用Hoverintent JQuery 插件来扩展 DIV。
  2. 现在我希望它“点击”而不是“悬停

我该怎么做呢?我知道这是简单的 JQuery,但我缺乏知识。任何帮助将非常感激。这是代码:

0 投票
1 回答
965 浏览

jquery - 用于非嵌套菜单内容的 JQuery HoverIntent

我正在使用 JQuery HoverIntent 创建一个菜单。

这是我的 HTML 代码的基本结构:

这是JQuery代码:

一切正常,但是当菜单内容显示并且我尝试将鼠标悬停在它上面时,它消失了。

以前配置 HTML 代码的方式,子菜单内容 DIV 嵌套在 LI 标记中,这可以正常工作,即悬停菜单链接和内容。但是,我在定位 IE 时遇到了问题(因为菜单内容跨越了页面的很大一部分),所以我需要将它们从 LI 标记中取出。

我现在的方式适用于 IE(CSS 位置),但 hoverIntent 不起作用。

当我的菜单内容没有嵌套在 LI 标签中时,有没有办法使用 hoverIntent?!

谢谢。

0 投票
5 回答
4123 浏览

jquery - 如何为此菜单设置鼠标悬停延迟?

我有下拉菜单,我想在鼠标移出时添加延迟。因此,当您将鼠标悬停在菜单上时,它会显示下拉菜单,但是当您从菜单中移动鼠标时,我希望有一些延迟。

我已经为此搜索了一整天,但没有找到任何东西,期待我不知道使用的 hoverIntent 插件。

这是我的代码:

HTML:

查询:

请假设,我是 javascript 的大菜鸟 :)

谢谢!

编辑:

我已经尝试了所有解决方案,但没有一个可以期待 Patricia 的解决方案。现在我得到了奇怪的行为,你可以在http://pastehtml.com/view/aykmhy9ae.html看到

0 投票
1 回答
818 浏览

jquery - 重新绑定 hoverIntent jQuery 插件

我正在使用 Drupal Views、ajax 和 hoverIntent 插件的组合来显示内容。问题是,在 ajax 请求之后,'hoverIntent' 事件不再绑定到我的选择器(在这种情况下是视图的每一行)。有人对此有解决方案吗?

链接到插件未压缩的 hoverIntent js

hoverIntent 主页

我的代码如下 -

hoverIntent:如果你的光标在它上面,这会展开一行,同时折叠所有其他行。

编辑:阿贾克斯:

谢谢!

编辑2:我找到了解决方案;通过添加$('.view-home .views-row').hoverIntent(config);到 updateContainer 函数中。我不确定这是否是最好的方法。但它有效。

0 投票
1 回答
1372 浏览

jquery - 水平子导航 jquery

我正在使用下面的脚本进行翻转时的子导航,效果很好,但是我想做一件事,那就是在某个页面上,我希望它可见!

换句话说,主页您翻转并显示子导航,然后当您单击具有子导航的内容页面时,子导航平均值始终可见,并且过度子导航显示在 rolover 的顶部....如果那样制作场景?

iv 制作页面的方式是使用包含文件 (inc.mainnav.php)

我正在考虑使用诸如 .find.attr(class).cur 之类的东西 .cur 是当前的导航页面。但是js不是很好...

希望有人能帮忙???

0 投票
1 回答
659 浏览

jquery - jquery hoverintent 与谷歌地图 gmarker

假设我有一个像这样的谷歌地图 v2 GMarker:

我想要类似于 jquery 的行为 - hoverintent 而不是正常的 mouseover 和 mouseout 事件,以避免在屏幕上移动鼠标并意外触摸 GMarker 时过度活跃。我希望只有当鼠标减速或停在标记处时才触发我的功能。这可以通过使用普通 dom 元素的 hoverintent 来解决,例如表格行 (tr)。

我的问题是,我不知道如何使用 jQuery 选择 GMarker。如果无法完成,我如何以其他方式将我的 GMarkers 连接到 hoverintent?

谢谢,

0 投票
1 回答
1123 浏览

jquery - jquery and hover intent - 禁用 hoverintent 插件的最佳方法

我必须禁用 hoverintent 插件,但是我无法控制页面上现有的源代码。所以目前我只是像这样扔一块砖:

有没有比传递 null 而不是“真实”配置元素更好的方法来做到这一点?

谢谢

0 投票
1 回答
16314 浏览

jquery - hoverIntent() 不是函数

我似乎无法让 hoverIntent 插件工作。它肯定会加载 jQuery 和 hoverIntent。但是, .hoverIntent() 是“不是函数”。(.hover() 工作正常)。

0 投票
1 回答
1043 浏览

jquery - 如何用 hoverintent 替换 jQuery mouseenter?

我在网站上设置了以下 jQuery:

它可以工作,但它反应过度,只要鼠标经过它就会弹出。我想通过使用 HoverIntent 来消除野兽。

唯一的问题是,我对悬停意图不够熟悉,不知道如何做到这一点。任何帮助将不胜感激。

谢谢!