问题标签 [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 jQuery 插件中取消绑定/停止 onMouseOut 事件?
我正在使用 jQuery 插件hoverIntent来扩展/缩短其中包含表单的 div。正如您在下面看到的,当 div 很高时,会显示表单。
如果任何表单字段具有焦点,我如何防止 onMouseOut/makeShort 触发?
如果有另一个更强大的悬停事件插件,我也愿意提出建议。
jquery - 从 jQuery 1.7 开始,UI 选项卡上的 hoverIntent 事件不会触发
由于我已升级到 jQuery 1.7,因此 hoverIntent 事件在 UI 选项卡上不再起作用。从 jQuery 1.7 开始,选项卡会立即切换,而不是使用 hoverIntent。
这是我用来初始化 UI 选项卡的代码:
这是我在页面中包含的 hoverIntent 事件的 js:
这里似乎有一个修复(尽管对于 UI Accordion):https ://github.com/jquery/jquery-ui/commit/f0f54e38d8eab613d7ea25d698b81126e5263d83#diff-0
见演示:http: //jqueryui.com/demos/accordion/hoverintent.html
但是,我不确定如何让 hoverIntent 再次工作。必须对上面的代码进行哪些更改?很高兴有任何帮助!
jquery - jQuery 巨型菜单 hoverIntent mouseOut
我正在使用 Soh Tanaka 的“Mega Menu” - http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ - 在下拉菜单上,并且在“out”上有一些问题“ 功能。菜单使用 hoverIntent 并且应该以“500”的超时延迟淡出,但它只是在 mouseout 时消失:
http://native.thefutureforward.com/
有问题的 JS 文件是“js/mega-menu.min.js”。我意识到我的代码目前有点混乱,所以我正在努力。
任何有关让 mouseOut 延迟和淡出菜单的帮助将不胜感激!
css - 一种使用 CSS3 创建 hoverIntent 类型延迟效果的方法?
因此,当我快速将鼠标移到一个对象上时,它不会触发它的动画,直到用户将鼠标悬停在该对象上指定的毫秒数。我不相信这可以只用 CSS3 来完成,但也许我错了?
这种效果适用于如果我有一堆链接,并且每个链接都启动了一个小工具提示气泡,如果用户在屏幕上移动鼠标以单击某些东西,我们不希望所有这些工具提示气泡都显示。
jquery - 在 Capybara/Selenium 测试中触发 hoverIntent
有人知道如何通过 Capybara 触发 hoverIntent 事件吗?
在我的 Rails 应用程序的主视图中,当用户将鼠标悬停在该单元格上时,编辑按钮会出现在表格单元格中。
我最近添加了 jQuery hoverIntent插件来延迟这些按钮的出现,这样当用户在页面上快速移动鼠标时,UI 就不会看起来像一个忙碌的切换台。
不幸的是,hoverIntent 的添加打破了几个 Cucumber-Capybara-Selenium 测试。测试一直在使按钮出现这样的步骤(简化):
这对于常规的 mouseover 事件很有效,但不会触发 hoverIntent。
一种(有点骇人听闻的)解决方案是创建命名函数以传递给 hoverIntent 以实现鼠标悬停和鼠标移出行为(而不是像我现在所做的匿名内联函数)。Capybara 步骤然后可以按名称调用 mouseover 函数,并获得相同的结果。
但是,这会避开对 hoverIntent 功能的测试,因此它不是最佳的。
在此先感谢您的任何建议。
jquery - 无序列表受到神秘格式的影响
我觉得我在这里失去了理智。我已将 css 逐层剥离到最低限度,并且列表仍然显示,好像包装器具有大约 50 像素的左填充。我在这里使用了一些 jQery,但我看不出它会如何影响列表和相关的 div 放置方式。如果有人能找出罪魁祸首,我将不胜感激。我在下面的代码中只包含了一个列表项。他们都是一样的。
该页面在这里:http ://www.tpan.com/testing/custom.html
Javascript在这里:
CSS在这里:
html在这里:
我已经花了几个小时一遍又一遍地重复这个。再次感谢你。
jquery - 使用 hoverIntent 在鼠标悬停时显示 DIV
好的,所以我有一个包含有关工作信息的表格。
目标是,当用户将鼠标悬停在此表中有关特定作业的行上时,jQuery 会进行 Ajax 调用,检索有关该作业的数据并将其显示在鼠标位置的弹出窗口中。
我的 Javascript/jQuery 如下:
所以我们要找到一个表格行,然后当用户打算将鼠标悬停在其上(使用 hoverIntent)时,它会运行鼠标悬停功能。此函数调用 latest_update.php 脚本,该脚本根据从行 ID 中提取的 job_id 提供预先格式化的 HTML 数据样本。然后将此 HTML 数据插入到消息 div 中。
现在 AJAX 查询运行良好,并将数据复制到 div 中,但是使 div 浮动到鼠标指针的 CSS 格式不起作用。此 CSS 在使用标准 .mouseover 和 .mouseout 时有效。
到目前为止,我没有太多的运气来解决这个问题,并且尝试了很多事情。有没有人有任何想法?
jquery - .mouseenter 添加“溢出:无” 我该如何防止这种情况?我怎样才能模拟hoverIntent?
所以我遇到了这个奇怪的问题。
我有一个功能区在导航后面移动,同时悬停在项目上,它包含旧的 css-corner 技巧来绘制功能区的形状。这些由负底部属性定位。奇怪的是,.mouseenter 事件似乎正在向“this”添加一个“overflow:none”类。有没有办法防止这种情况?
我的第二个问题是,如果鼠标刚刚经过,我如何防止 .mouseenter 启动,有点像 hoverIntent。我以为 mouseenter 正在这样做,但显然不是。
也欢迎任何关于如何使这个更短和更好的提示。这是代码,我正在运行一个 noConflict 脚本,所以 'j' 转换为 $:
我的网站位于:http ://www.egegorgulu.com
jquery - 如何在此代码块上模拟 hoverIntent?
我在上一个主题中也问过同样的问题,但有人说我应该为此打开另一个。所以这里是:
我正在为导航后面的功能区设置动画,问题是我想将动画元素保留在以前的位置,而不是回到起始位置并返回到下一个元素。我能够做到这一点,但没有使用 hoverIntent。所以现在功能区将拾取导航上的每一个动作。我怎样才能防止这种情况?
如果我错了,请纠正我,但此时 delay() 和 setTimeout() 没有意义,因为无论停止如何,它们都会启动最后一个动画。如果鼠标刚刚经过,如何防止 mouseenter 启动?也许鼠标悬停的 if 子句就像鼠标在悬停块上稳定超过 300 毫秒?
注意:我正在运行一个 noConflict 脚本,因此 j = $。
您可以在以下网址找到我的网站:www.egegorgulu.com