问题标签 [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.
javascript - 用 .hoverIntent 替换 MouseOver
首先,我道歉......我之前已经发布过这个问题,但我没有很好地解释它。我在将hoverIntent插入以下 JavaScript 时遇到问题...我需要它来替换下面的mouseenter
和mouseleave
函数。为了清楚起见,我正在寻求帮助,因为我对 JavaScript 语法不是很好。下面的第二个代码片段似乎应该可以工作,但它什么也没做,而且在 Internet Explorer 中似乎完全死了。
我将以下内容用于其他浏览器,但它在 Internet Explorer 中不起作用。
jquery - 带有 hoverIntent 的 JQUERY 悬停下拉菜单
我正在创建一个在悬停时向下滑动的下拉菜单。这是我的一些代码。我想使用 HoverIntent 来实现这个目标。
.menu_img 是图像上悬停以开始向下滑动列表的类
.page_nav 是当 .menu_img 悬停在列表上时向下滑动的类。
HTML
这是我拥有的代码。如果您单击 img,则此方法有效,但如果您将 .click 切换为 .hover,则当您尝试转到 li 时,它将悬停在外。这就是为什么我引入了 hoverIntent 插件,但我不确定如何集成它以获得我正在尝试创建的正确解决方案。
BTW i didn't include the HTML code but its a simple image and ul li tags which I know are working fine. There is a display: none; on the ul li and I did some stuff to make it funciton properly in my layout. (i have the layout a bit different than a regular dropdown.) Either way, I'm very certain my CSS is right, I just need to figure out how to write the Jquery. Thanks!
jquery - jQuery MegaMenu hover setTime out/hoverIntent 问题
我正在尝试将 jQ MegaMenu 放在我的网页上。我使用了 Geek Tantra 的插件 ( http://www.geektantra.com/2009/09/jquery-mega-menu/ ) 并从那里做了一些小的改动。
问题 - 菜单位于屏幕中间 - 所以我需要用户能够在不激活菜单的情况下通过导航菜单传递鼠标。
我尝试使用 jq hoverIntent 插件 - 但这破坏了使用打开它的 megamenu 窗口的能力。现在它关闭得太快了,菜单并没有真正正常运行。这里的示例... http://jdshipengrover.com/megamenutest/megamenu-intent.html
我也尝试了 setTimeout jq 功能 - 但是现在只要触发器越过,菜单就会打开 - 它不知道不打开菜单......这里的例子...... http://jdshipengrover.com/megamenutest/megamenu -timeout.html。
我已经很接近我需要的东西了——我只是不知道如何到达那里。任何帮助,将不胜感激。
如果您需要我在这里发布实际的 js - 请告诉我。谢谢你的帮助。
jquery - jQuery hoverIntent 不工作,但悬停
我有以下代码:
它隐藏了 yearInner 类的 div,然后当包含 yearInner 类的 div 悬停在上面时,yearInner div 打开。
工作正常,我想使用 hoverIntent 插件而不是悬停。对 hoverIntent 根本不起作用。建议?
div结构供参考:
jquery - 带有 setTimeout 的 jQuery 悬停(与 hoverIntent 相反)
我有一组图像,对于每个图像,我想翻转并闪烁到不同的图像半秒左右,然后恢复到原始图像,即使鼠标仍在图像上(即没有鼠标悬停)
建议使用 setTimeout,但我不知道如何正确使用它。
有一个页面示例....我只是希望出现在翻转中的图像出现然后再次快速消失。
我已经在网上搜索了示例,但找不到任何东西......任何帮助将不胜感激。
谢谢,安德鲁
编辑:
这是我目前用于悬停图像的代码
});
jquery - CSS菜单在使用悬停效果滚动时闪烁
我希望我很好地描述了这个问题!?你可以在这里看到它:
http://dealmob.de/index_dev.html
当您快速上下悬停在菜单上时,您会看到它没有停留,而是闪烁,就像您将边距/填充更改几个像素一样。
关于如何解决这个问题的任何建议?
多谢
喜欢要求:
jquery - 需要添加悬停意图?
我真的被困住了。基本上我对 jquery 完全陌生,但需要在鼠标悬停上添加某种计时器,这样如果鼠标在整个页面上移动,页面就不会被弄乱。这是我的脚本..无论如何我可以轻松实现它?
干杯。
jquery - jQuery简化代码(初学者)
我开始掌握 jQuery,但发现自己一遍又一遍地重复代码......
当然有一个更简单的方法来写这个:
我还想为 hoverIntent 设置延迟,但我认为这不可能以我目前编写代码的方式......?
jquery - jQuery/原型冲突
我正在使用 jQuery hoverIntent.js 脚本来创建一个大型下拉菜单系统,该系统的灵感来自 Son Tonaka 的大型下拉 w/CSS 和 jQuery sohtanaka.com/web-design/mega-drop-downs-w-css-jquery。我的页面包含一个由第三方供应商插入的prototype.js 脚本(这是一个加载属性搜索和潜在客户管理内容的房地产网站)。它在标签之前最后加载。我的菜单脚本和 jQuery 调用加载在标签的顶部。下面我包含了 2 个链接。我已经注释掉了对prototype.js 的调用的第一个链接,并且菜单工作正常。第二个链接调用了prototype.js,下拉菜单不起作用。
工作下拉:http ://www.myreoforeclosures.com/_menutestfromcode.html (prototype.js 注释掉)
不工作下拉:http ://www.myreoforeclosures.com/_menutestfromcode2.html (prototype.js工作)
我已经尝试了 jQuery 网站上建议的 jQuery noConflict() 解决方案的许多变体,但对于我的生活,我无法解决冲突。我已将上述链接简化为 CSS 和 HTML 的基础知识,以测试下拉菜单。
请注意,我正在使用 Web 2.0/CSS/jQuery 攀登陡峭的学习曲线,因为这是我第一次尝试使用这些工具设计网站(与以前基于表格的网站相比)。
任何帮助 jQuery 和原型一起工作的帮助将不胜感激。我只能控制 jQuery 脚本,因此必须对 jQuery 进行任何解决。我对prototype.js 没有任何控制权。
javascript - 将 Hoverintent 应用于 Jquery 悬停
我在使用此布局时遇到了一些问题,并且在悬停时显示的链接会一直显示!
这是显示数据的表格行的示例...
还有javascript!
正如您所看到的,它是这样设置的,因此每一行的“数据”链接都显示了为删除该行而设置的 div 链接。我以前使用过 hoverIntent,但是,它似乎与我尝试使用它的方式不同(如下)。
但是,这表明所有行都同时悬停,而不是像第一个片段那样一次悬停。
因此,在大量的杂乱无章归结为之后,如何将 hoverIntent 集成到该片段中(或者可能更好,我可能已经忘记了)进入这样的情况?
非常感谢!