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

jquery - JQUERY & CSS DOWN MENU - 无法保持背景
  • 悬停在子项(一个 div)上时突出显示
  • 我使用 hoverintent 插件创建了一个大型下拉菜单,它的作用就像一个魅力,除了当我将鼠标放入 subdiv 时 li 背景颜色不会保持黑色。我知道这可能是一个愚蠢的修复,但我无法弄清楚。请帮忙...

    网站: http: //www.nestudiosonline.com/test.php

    html:

    CSS:

    查询:

    0 投票
    1 回答
    1017 浏览

    javascript - 我可以通过触发一些东西在 jQuery 中调用这个匿名函数吗?

    我正在使用hoverIntent jQuery 插件代替 jQuery 的hover()方法。我希望自动调用mouseout事件。

    使用时hover(),我可以通过调用来触发mouseout事件mouseout()。这在使用 hoverIntent 时不起作用。

    我也尝试调用命名匿名函数,但它对我不起作用(而且我听说较旧的 IE 不喜欢命名匿名函数)。

    这是 jsFiddle 上的一个示例。

    如果我自动调用mouseout函数,则无法通过 hoverIntent 调用它。

    现在我知道我可以做...

    但我想知道我想要的是否可能?

    谢谢

    0 投票
    2 回答
    831 浏览

    jquery - jquery hoverintent,适用于chrome和firefox,当我将鼠标悬停在Internet Explorer中的一个元素上时,所有悬停功能都会被触发

    我创建了一个垂直菜单,当鼠标悬停在上面时会水平展开。它在 chrome 和 firefox 中运行起来就像一个梦想,但 Internet Explorer 出于某种原因不喜欢它。当悬停在任何元素上时,它们都会弹出。

    该函数使用 jquery 插件悬停意图,它使用 animate 更改 css。这是一些代码...

    任何想法都会非常有帮助,因为我已经为这个问题绞尽脑汁好几天了,这似乎是 iexplorer 的某种问题。

    干杯

    0 投票
    1 回答
    3841 浏览

    jquery - jQuery hoverIntent插件在父悬停时显示/隐藏div,但在悬停时继续显示

    我有一个按钮,当悬停(鼠标悬停)时,它会在其正下方显示一个 div。当悬停(鼠标悬停)时,div 消失。

    这一切都很好,很好,但现在我需要将 div 保留在按钮下方,以显示用户是否将鼠标悬停在该 div 上(与 div 内的内容进行交互)。

    现在这是不可能的,因为在您将鼠标悬停在触发 div 显示的按钮上之后,div 会立即消失。

    我正在使用hoverIntent jQuery 插件来完成此操作。

    的HTML:

    0 投票
    1 回答
    156 浏览

    jquery - 在jquery中将子位置调整到父的中心

    我正在为位于窗口底部的网站设计导航原型。当我将鼠标悬停在一个链接上时,一个 div 会出现在带有子链接的导航上方,但是它不在导航中悬停的链接上方的中央位置。我尝试使用 css 将其定位到左侧 -50% 但这已经产生了很大的影响 [看起来它只向父母大小的左侧移动 50%],我该如何使用 jQuery 来做到这一点?

    注意:我也在使用 hoverIntent。

    0 投票
    3 回答
    1227 浏览

    jquery - 保持悬停状态,直到用户将鼠标悬停在另一个元素上

    首先让我声明我是一个 jquery 菜鸟,所以这可能没有多大意义。

    所以我有一系列列表项,如果用户将鼠标悬停在项目内的链接上(而不是整个列表项本身),它们会展开以显示隐藏的 div

    问题是,如果用户鼠标离开链接,li 会再次关闭。

    我需要它以某种方式工作,以便仅当您将鼠标悬停在另一个 li 中的链接上时 li 才会关闭。(对不起,这有点难以形容)

    这是我的代码。

    和 HTML

    因此,“home_upcoming_title”类的链接扩展了 li 以显示内部的 div,但是当我将鼠标悬停在 div 本身上时,列表关闭。我也需要它,所以只有“home_upcoming_title”类扩展了 div。但它需要保持打开状态,直到您将鼠标悬停在具有同一类的另一个链接上。

    对不起,如果这没有多大意义:)

    0 投票
    1 回答
    2633 浏览

    jquery - 使用 hoverIntent 延迟鼠标悬停而不是鼠标悬停

    当用户将鼠标悬停在文章上时,我试图在博客文章上显示/隐藏覆盖。我有 hoverIntent 工作,因为它应该延迟鼠标悬停的事件,但我希望 mouseout 事件立即发生,就像没有 hoverIntent 一样。据我所知,没有办法为过度事件设置单独的超时值。有谁知道如何将它们分开,或者如何让 hoverIntent 只延迟结束事件?

    谢谢你的帮助。

    0 投票
    1 回答
    1510 浏览

    jquery - Jquery Sortable获取底层div的ID

    我正在使用 jquery 可排序功能对应用程序中的项目列表进行排序。看到我的列表变得非常大,我决定将它们重新组织成可以展开或折叠的子列表。

    我的想法是,当用户将一个元素拖到子列表的标题上并将光标保持在那里 750 毫秒时,列表会扩展,但我遇到了一个问题,我无法获得底层 div 的 ID,因为jquery 似乎抓住了我正在拖动的项目的 ID,而不是我让它悬停的项目的 ID。

    是否有我可以用来实现此目的的功能或插件(我确定我不是第一个遇到此问题的人,但我的 googlefu 未能找到与我相关的任何内容)。

    谢谢你的帮助 :)

    编辑:

    这是我想要做的事情的一个想法:

    这是我的 HTML 的要点:

    现在的方式是当我将鼠标悬停在.categoryLi上时,我调用 expandCategory 发送我悬停的元素的 id,但它永远不会触发任何.categoryLi容器的悬停,除了我拖动的元素的父级片刻。我需要找到一种方法来“窥视”它的背后。因此,如果我从#c9拖动一个项目jquery 认为我总是悬停在#c9

    0 投票
    1 回答
    1382 浏览

    jquery - hoverIntent 的 jQuery 问题和 div 的显示隐藏

    嗨,我有一个 div,每次他们向购物车添加东西时我都会向用户显示(它是一个迷你购物车,在页面上显示 5 秒钟,然后消失)。

    minicart div 显示由两个事件触发:

    1. HOVER:当用户悬停在容器 div 上时(使用 hoverIntent 插件)
    2. CLICK:将商品添加到购物车时

    1的代码是:

    2的代码是:

    的HTML:

    我遇到的一个问题是,当 2 号被触发时,div 无法正确显示。它有点卡在中途,有时不会一直延伸。注意:div 在我的所有其他页面上显示和隐藏,hoverIntent 没有问题。就在我在用户将商品添加到购物车并且第 2 号被解雇的页面上时,出现了这个问题。

    而且,有谁知道如果用户在被第二个触发时将鼠标悬停在它上面,我可以如何让 div 显示?

    希望这是有道理的,任何帮助都非常感谢!

    0 投票
    4 回答
    1068 浏览

    jquery - 结合jquery线索提示和hoverintent?

    我正在使用 jquery 的提示提示来显示,呵呵,工具提示 :-) 我让它们变得粘稠,因为我希望用户能够将鼠标移动到显示的工具提示 - 如果他们愿意的话。但是,如果用户没有将鼠标移到工具提示上,我希望工具提示在一段时间后消失。在我看来,这应该可以使用 hoverintent-plugin。但是这个插件不会触发,除非用户将鼠标移到插件上一次。如果发生这种情况,线索提示会自行删除工具提示...

    如何让工具提示显示,等待 500 毫秒,如果用户没有将鼠标悬停在工具提示上,然后消失?

    我一直在考虑用 onShow 触发一个计时器,在工具提示中添加一个脚本,让 onmouseover 禁用计时器和类似的东西,但这似乎过于复杂......

    有人有更好的主意吗?:-)

    谢谢,

    保罗