问题标签 [mouseout]

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 回答
3201 浏览

javascript - Mouseover/mouseout、mouseenter/mouseleave、悬停闪烁问题

我有一个 div 里面有一个图像。当我悬停图像时,我创建了一个绝对定位在图像的一部分上的工具提示 div(绝对位置很重要)。它包含标题和替代文本。

这一切都很好,直到您将鼠标悬停在工具提示框上。它不会冒泡,它认为我不再将鼠标悬停在图像上,从而使工具提示框消失。但随后它注册我再次悬停图像,它在显示工具提示框和隐藏它之间来回移动。

因此闪烁的问题。

SO上有很多关于闪烁问题的帖子,我尝试了很多解决方案,但都没有奏效。我尝试过 Mouseover/mouseout、mouseenter/mouseleave、hover,甚至将 live() 与它们结合使用。我什至从从头开始创建工具提示切换到在那里有空的 div,因此当页面加载时它会在 DOM 中,以防出现问题。我真的不知道该怎么办了。这是我目前的代码。

0 投票
2 回答
160 浏览

javascript - javascript - 错误的算法触发并发循环

我创建了一个相对较小的动态横幅旋转脚本,底部带有图标,以使特定横幅成为焦点。在横幅上触发 mouseenter 会暂停显示,但有时当我从横幅上移出鼠标时,某些横幅的延迟会缩短。我什至可以理解它是否只发生过一次,但是每次横幅在轮换中返回时,延迟都会设置为较短的时间,并且通常缩短发生在横幅列表中的另一个位置,如好。有时,这可以通过一组尚未确定的行动来纠正。我开始怀疑我的逻辑在某个地方捕获了中间的循环,因此进程分支出来,运行两个循环,这似乎加快了 showNextBanner 函数的调用。不知道如何解决这个问题。一世'

我包括了我认为是下面代码的相关部分。


毕竟,客户想要一个 jQuery 解决方案,这样他就可以拥有通过 scriptaculous 无法获得的滑入效果。所以所有的工作都付诸东流。好消息是我可能只使用 jCarousel 并调整样式表。谢谢您的帮助!

0 投票
1 回答
337 浏览

jquery - 使用依赖悬停构建悬停导航系统?

嘿那里堆栈溢出船员,

使用 jquery 构建自定义下拉导航系统时似乎总是出现的快速问题。现在下拉菜单的理想方案是让父母和孩子在

  • 标签,但有时网站的设计不允许这样做。

    假设您有一个 DIV 包含您的主要导航项,另一个下面包含您的子菜单。

    当您翻转父级时,子菜单会出现,但是当这些是单独的时,推出状态会变得很棘手。所以我嵌套了悬停来尝试解决这个问题,它几乎可以工作。

    从逻辑上讲,我想要实现的是

    当用户滚动 div.primary-nav .... div.doormat-nav-wrapper 显示... 滚动主导航时 div.doormat-nav-wrapper 隐藏除非 div.doormat-nav-wrapper 本身是被悬停在上面。

    任何反馈或建议将不胜感激。谢谢!

  • 0 投票
    1 回答
    299 浏览

    jquery - 使用 Opera e IE 鼠标悬停

    我有这个法典,它适用于 jquery e rapahel_jquery。这是一个带有一些鼠标事件的函数。IE 和 Opera 的鼠标悬停问题。这是从法典中推断出来的:

    所有作品,但不是prov.mouseoutIE e Opera!为什么??你能帮助我吗??

    谢谢!

    0 投票
    1 回答
    592 浏览

    jquery - 鼠标悬停时的jQuery悬停问题

    我正在使用 jQuery 变量“mouseover”和“mouseout”在悬停在另一个元素上时显示一个 DIV 元素。

    http://74.54.17.66/~adbuynet/case-studies/ - 如果您将鼠标悬停在右上角的“号召性用语”上,您会看到一个下拉菜单。

    问题是,当将鼠标悬停在下拉菜单本身时,下拉菜单开始表现得很时髦并且不会保持打开状态。我的 jQuery 代码是:

    请问我犯了什么错误?

    0 投票
    2 回答
    1997 浏览

    javascript - Div 显示并保持鼠标悬停 - 即使鼠标悬停也保持

    我一直在尝试几种悬停 div 的方法,但我测试的大多数方法仅在鼠标悬停在链接上时才会生效。

    我想要实现的是让 div 出现在另一个 div 的悬停上,但即使鼠标离开 div 按钮也会保持不变。

    一个例子是: http: //www.prixtel.com/

    我不介意它只是 CSS 还是与 Jquery/JS 混合。

    谢谢!

    我的样本:http: //jsfiddle.net/h4rB9/1/

    0 投票
    4 回答
    3664 浏览

    javascript - 拉斐尔和 IE。鼠标悬停解决方法

    我在 IE 浏览器上使用 Raphael 获得 SVG 效果时遇到了问题。当我将鼠标悬停在一个对象上时,动画会按预期发生。但是,在 mouseout 时,永远不会调用 mouseout 操作,因此对象会停留在其鼠标悬停状态。

    过去我见过其他人抱怨这个问题,但我看到的唯一解决方案是强制每个对象上的 mouseover 事件将所有内容 != 当前对象恢复到正常状态。我宁愿不做一般的“重置一切”,因为我有很多对象,所以我想知道是否有人可以提出替代方案。我正在考虑将最后一个触发鼠标悬停的最后一个对象存储在一个变量中,并且只在每次鼠标悬停时重置它,这可以工作....

    0 投票
    3 回答
    2053 浏览

    jquery - 如果鼠标离开它或调用span,jquery隐藏一个div

    编辑

    我仍然无法让这个工作....

    我已经尝试了下面的代码,虽然它在页面上工作,但在我希望它工作的 div 和 span 上不起作用......

    如果您访问2hon5.net ,您可以看到代码正在运行,它通过2hon5.net/js/2hon5.js的代码显示弹出窗口:

    (默认情况下它是隐藏的)您也可以看到我在那里尝试的所有代码,任何人都可以看到我的代码中阻止弹出窗口消失的内容吗?

    结束编辑

    我尝试了许多解决方案,包括这个:类似的问题我无法工作我有一个信息弹出窗口,它根据悬停的跨度显示动态信息。我已经设置好了,所以它会直接在当前跨度下方弹出。如果调用范围或 div 本身不再悬停(因为它有链接),我希望它在一小段延迟后消失。我的运气为零,有什么建议吗?

    被调用的 div 是:

    调用 div 的 jquery 是:

    我尝试了上面链接的问题中的代码,但它不起作用 - 可能是因为我调用代码的方式?

    我想要的结果是如果调用跨度或 codeInf div 不再悬停时将隐藏代码的代码,一个 div 可以调用到许多不同的跨度,所以我不希望延迟隐藏影响它已被另一个 span 调用。

    提前感谢您的任何建议。

    标记

    0 投票
    1 回答
    394 浏览

    jquery - 子导航 div 一直隐藏

    我有一个令人讨厌的导航问题,但似乎无法让它工作。当悬停在<li>mainnav div 中的项目上时,根据子导航显示。但是当它悬停在它们上面时,它不会保持活动类状态。选择 mainnav-li 时,应保留 subnav。离开子导航时,最初的子导航应重新出现。

    请注意,我们在 document.ready 函数(在另一个 PHP 包含中定义)之后加载了一个活动子导航。

    任何帮助都在这里受到高度赞赏。我迷路了 :-)

    所有主要的 li-navigation 项目都在这里:

    细分是:

    到目前为止,这是我的代码...

    0 投票
    2 回答
    3276 浏览

    jquery - jQuery 导航菜单 - 子菜单在 MouseOut 上消失

    我正在开发自己的 jQuery 导航菜单并且遇到了一些问题,因为一旦焦点从主导航菜单上的选择中移开,子菜单就会消失。我知道必须有一个简单的解决方案来解决这个问题,但我已经花了几个小时来解决这个问题,并认为是时候寻求帮助了。

    下面是代码:

    jQuery:

    HTML:

    任何帮助将不胜感激!