问题标签 [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.
jquery - 当子元素上的 hoverIntent 触发时,如何取消父元素上的 hoverIntent?
我有一个父元素,当悬停在上面时会显示一个元素。我还有一个子元素,当悬停在上面时会显示不同的元素。
我不希望它们同时触发 - 即,如果您将鼠标悬停在子元素上,我只想显示它的关联元素 - 并抑制父元素的悬停。
我无法让它可靠地工作。可能遗漏了一些明显的东西。有任何想法吗?
编辑 - 澄清:
在这种情况下,“父”和“子”是相互不了解的独立可重用组件,因此我实际上无法将上下文从一个注入另一个
这是我使用 jQuery 和hoverIntent插件设置的演示。
HTML:
CSS:
JavaScript:
您可以在 jsFiddle 上查看:http: //jsfiddle.net/hNqQ7/1
jquery - JQuery hoverintent:将“悬停”转换为“点击”
- 我正在使用Hoverintent JQuery 插件来扩展 DIV。
- 现在我希望它“点击”而不是“悬停”
我该怎么做呢?我知道这是简单的 JQuery,但我缺乏知识。任何帮助将非常感激。这是代码:
jquery - 用于非嵌套菜单内容的 JQuery HoverIntent
我正在使用 JQuery HoverIntent 创建一个菜单。
这是我的 HTML 代码的基本结构:
这是JQuery代码:
一切正常,但是当菜单内容显示并且我尝试将鼠标悬停在它上面时,它消失了。
以前配置 HTML 代码的方式,子菜单内容 DIV 嵌套在 LI 标记中,这可以正常工作,即悬停菜单链接和内容。但是,我在定位 IE 时遇到了问题(因为菜单内容跨越了页面的很大一部分),所以我需要将它们从 LI 标记中取出。
我现在的方式适用于 IE(CSS 位置),但 hoverIntent 不起作用。
当我的菜单内容没有嵌套在 LI 标签中时,有没有办法使用 hoverIntent?!
谢谢。
jquery - 如何为此菜单设置鼠标悬停延迟?
我有下拉菜单,我想在鼠标移出时添加延迟。因此,当您将鼠标悬停在菜单上时,它会显示下拉菜单,但是当您从菜单中移动鼠标时,我希望有一些延迟。
我已经为此搜索了一整天,但没有找到任何东西,期待我不知道使用的 hoverIntent 插件。
这是我的代码:
HTML:
查询:
请假设,我是 javascript 的大菜鸟 :)
谢谢!
编辑:
我已经尝试了所有解决方案,但没有一个可以期待 Patricia 的解决方案。现在我得到了奇怪的行为,你可以在http://pastehtml.com/view/aykmhy9ae.html看到
jquery - 重新绑定 hoverIntent jQuery 插件
我正在使用 Drupal Views、ajax 和 hoverIntent 插件的组合来显示内容。问题是,在 ajax 请求之后,'hoverIntent' 事件不再绑定到我的选择器(在这种情况下是视图的每一行)。有人对此有解决方案吗?
我的代码如下 -
hoverIntent:如果你的光标在它上面,这会展开一行,同时折叠所有其他行。
编辑:阿贾克斯:
谢谢!
编辑2:我找到了解决方案;通过添加$('.view-home .views-row').hoverIntent(config);
到 updateContainer 函数中。我不确定这是否是最好的方法。但它有效。
jquery - 水平子导航 jquery
我正在使用下面的脚本进行翻转时的子导航,效果很好,但是我想做一件事,那就是在某个页面上,我希望它可见!
换句话说,主页您翻转并显示子导航,然后当您单击具有子导航的内容页面时,子导航平均值始终可见,并且过度子导航显示在 rolover 的顶部....如果那样制作场景?
iv 制作页面的方式是使用包含文件 (inc.mainnav.php)
我正在考虑使用诸如 .find.attr(class).cur 之类的东西 .cur 是当前的导航页面。但是js不是很好...
希望有人能帮忙???
jquery - jquery hoverintent 与谷歌地图 gmarker
假设我有一个像这样的谷歌地图 v2 GMarker:
我想要类似于 jquery 的行为 - hoverintent 而不是正常的 mouseover 和 mouseout 事件,以避免在屏幕上移动鼠标并意外触摸 GMarker 时过度活跃。我希望只有当鼠标减速或停在标记处时才触发我的功能。这可以通过使用普通 dom 元素的 hoverintent 来解决,例如表格行 (tr)。
我的问题是,我不知道如何使用 jQuery 选择 GMarker。如果无法完成,我如何以其他方式将我的 GMarkers 连接到 hoverintent?
谢谢,
jquery - jquery and hover intent - 禁用 hoverintent 插件的最佳方法
我必须禁用 hoverintent 插件,但是我无法控制页面上现有的源代码。所以目前我只是像这样扔一块砖:
有没有比传递 null 而不是“真实”配置元素更好的方法来做到这一点?
谢谢
jquery - hoverIntent() 不是函数
我似乎无法让 hoverIntent 插件工作。它肯定会加载 jQuery 和 hoverIntent。但是, .hoverIntent() 是“不是函数”。(.hover() 工作正常)。
jquery - 如何用 hoverintent 替换 jQuery mouseenter?
我在网站上设置了以下 jQuery:
它可以工作,但它反应过度,只要鼠标经过它就会弹出。我想通过使用 HoverIntent 来消除野兽。
唯一的问题是,我对悬停意图不够熟悉,不知道如何做到这一点。任何帮助将不胜感激。
谢谢!