问题标签 [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 - JQUERY & CSS DOWN MENU - 无法保持背景悬停在子项(一个 div)上时突出显示
我使用 hoverintent 插件创建了一个大型下拉菜单,它的作用就像一个魅力,除了当我将鼠标放入 subdiv 时 li 背景颜色不会保持黑色。我知道这可能是一个愚蠢的修复,但我无法弄清楚。请帮忙...
网站: http: //www.nestudiosonline.com/test.php
html:
CSS:
查询:
javascript - 我可以通过触发一些东西在 jQuery 中调用这个匿名函数吗?
我正在使用hoverIntent jQuery 插件代替 jQuery 的hover()
方法。我希望自动调用mouseout事件。
使用时hover()
,我可以通过调用来触发mouseout事件mouseout()
。这在使用 hoverIntent 时不起作用。
我也尝试调用命名匿名函数,但它对我不起作用(而且我听说较旧的 IE 不喜欢命名匿名函数)。
如果我自动调用mouseout函数,则无法通过 hoverIntent 调用它。
现在我知道我可以做...
但我想知道我想要的是否可能?
谢谢
jquery - jquery hoverintent,适用于chrome和firefox,当我将鼠标悬停在Internet Explorer中的一个元素上时,所有悬停功能都会被触发
我创建了一个垂直菜单,当鼠标悬停在上面时会水平展开。它在 chrome 和 firefox 中运行起来就像一个梦想,但 Internet Explorer 出于某种原因不喜欢它。当悬停在任何元素上时,它们都会弹出。
该函数使用 jquery 插件悬停意图,它使用 animate 更改 css。这是一些代码...
任何想法都会非常有帮助,因为我已经为这个问题绞尽脑汁好几天了,这似乎是 iexplorer 的某种问题。
干杯
jquery - jQuery hoverIntent插件在父悬停时显示/隐藏div,但在悬停时继续显示
我有一个按钮,当悬停(鼠标悬停)时,它会在其正下方显示一个 div。当悬停(鼠标悬停)时,div 消失。
这一切都很好,很好,但现在我需要将 div 保留在按钮下方,以显示用户是否将鼠标悬停在该 div 上(与 div 内的内容进行交互)。
现在这是不可能的,因为在您将鼠标悬停在触发 div 显示的按钮上之后,div 会立即消失。
我正在使用hoverIntent jQuery 插件来完成此操作。
的HTML:
jquery - 在jquery中将子位置调整到父的中心
我正在为位于窗口底部的网站设计导航原型。当我将鼠标悬停在一个链接上时,一个 div 会出现在带有子链接的导航上方,但是它不在导航中悬停的链接上方的中央位置。我尝试使用 css 将其定位到左侧 -50% 但这已经产生了很大的影响 [看起来它只向父母大小的左侧移动 50%],我该如何使用 jQuery 来做到这一点?
注意:我也在使用 hoverIntent。
jquery - 保持悬停状态,直到用户将鼠标悬停在另一个元素上
首先让我声明我是一个 jquery 菜鸟,所以这可能没有多大意义。
所以我有一系列列表项,如果用户将鼠标悬停在项目内的链接上(而不是整个列表项本身),它们会展开以显示隐藏的 div
问题是,如果用户鼠标离开链接,li 会再次关闭。
我需要它以某种方式工作,以便仅当您将鼠标悬停在另一个 li 中的链接上时 li 才会关闭。(对不起,这有点难以形容)
这是我的代码。
和 HTML
因此,“home_upcoming_title”类的链接扩展了 li 以显示内部的 div,但是当我将鼠标悬停在 div 本身上时,列表关闭。我也需要它,所以只有“home_upcoming_title”类扩展了 div。但它需要保持打开状态,直到您将鼠标悬停在具有同一类的另一个链接上。
对不起,如果这没有多大意义:)
jquery - 使用 hoverIntent 延迟鼠标悬停而不是鼠标悬停
当用户将鼠标悬停在文章上时,我试图在博客文章上显示/隐藏覆盖。我有 hoverIntent 工作,因为它应该延迟鼠标悬停的事件,但我希望 mouseout 事件立即发生,就像没有 hoverIntent 一样。据我所知,没有办法为过度事件设置单独的超时值。有谁知道如何将它们分开,或者如何让 hoverIntent 只延迟结束事件?
谢谢你的帮助。
jquery - Jquery Sortable获取底层div的ID
我正在使用 jquery 可排序功能对应用程序中的项目列表进行排序。看到我的列表变得非常大,我决定将它们重新组织成可以展开或折叠的子列表。
我的想法是,当用户将一个元素拖到子列表的标题上并将光标保持在那里 750 毫秒时,列表会扩展,但我遇到了一个问题,我无法获得底层 div 的 ID,因为jquery 似乎抓住了我正在拖动的项目的 ID,而不是我让它悬停的项目的 ID。
是否有我可以用来实现此目的的功能或插件(我确定我不是第一个遇到此问题的人,但我的 googlefu 未能找到与我相关的任何内容)。
谢谢你的帮助 :)
编辑:
这是我想要做的事情的一个想法:
这是我的 HTML 的要点:
现在的方式是当我将鼠标悬停在.categoryLi上时,我调用 expandCategory 发送我悬停的元素的 id,但它永远不会触发任何.categoryLi容器的悬停,除了我拖动的元素的父级片刻。我需要找到一种方法来“窥视”它的背后。因此,如果我从#c9拖动一个项目jquery 认为我总是悬停在#c9
jquery - hoverIntent 的 jQuery 问题和 div 的显示隐藏
嗨,我有一个 div,每次他们向购物车添加东西时我都会向用户显示(它是一个迷你购物车,在页面上显示 5 秒钟,然后消失)。
minicart div 显示由两个事件触发:
- HOVER:当用户悬停在容器 div 上时(使用 hoverIntent 插件)
- CLICK:将商品添加到购物车时
1的代码是:
2的代码是:
的HTML:
我遇到的一个问题是,当 2 号被触发时,div 无法正确显示。它有点卡在中途,有时不会一直延伸。注意:div 在我的所有其他页面上显示和隐藏,hoverIntent 没有问题。就在我在用户将商品添加到购物车并且第 2 号被解雇的页面上时,出现了这个问题。
而且,有谁知道如果用户在被第二个触发时将鼠标悬停在它上面,我可以如何让 div 显示?
希望这是有道理的,任何帮助都非常感谢!
jquery - 结合jquery线索提示和hoverintent?
我正在使用 jquery 的提示提示来显示,呵呵,工具提示 :-) 我让它们变得粘稠,因为我希望用户能够将鼠标移动到显示的工具提示 - 如果他们愿意的话。但是,如果用户没有将鼠标移到工具提示上,我希望工具提示在一段时间后消失。在我看来,这应该可以使用 hoverintent-plugin。但是这个插件不会触发,除非用户将鼠标移到插件上一次。如果发生这种情况,线索提示会自行删除工具提示...
如何让工具提示显示,等待 500 毫秒,如果用户没有将鼠标悬停在工具提示上,然后消失?
我一直在考虑用 onShow 触发一个计时器,在工具提示中添加一个脚本,让 onmouseover 禁用计时器和类似的东西,但这似乎过于复杂......
有人有更好的主意吗?:-)
谢谢,
保罗