问题标签 [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 - JQuery:为什么 hoverIntent 不是这里的函数?
我正在根据几个月前提出的问题修改一些代码,但我一直受到阻碍。底线是,我将鼠标悬停在 Anchors 上,这意味着淡入相应的 div 并将“highlight”类应用于 Anchor。我可以使用基本 JQuery 并获得“OK”结果,但鼠标事件使用户体验不太流畅。
我通过 Google API 加载 JQuery 1.3。
它似乎有效。我可以使用内置的 hover() 或 mouseover(),fadeIn() 是完整的……没有 JavaScript 错误等。所以,JQuery 本身显然是“加载的”。但是我遇到了一个问题,似乎每个人都在推荐hoverIntent来解决。
加载 JQuery 后,我加载了 hoverIntent JavaScript。我已经对路径进行了三次检查,甚至对路径进行了验证。我只是看不到任何合理的方式可能是路径问题。
一旦(据称)加载了外部 javascript,我将继续使用我的页面脚本:
我得到错误:
如果我更改为像悬停这样的已知工作功能(只需将“.hoverIntent”更改为“.hover”),它会再次“工作”。我确定这是一个基本问题,但在这方面我完全是个黑客(正如您从我的代码中看到的那样)。
现在,从所有外观来看,它似乎要么路径错误(我已经检查了无数次,甚至将它放在带有我仔细检查的 HTTP 链接的外部站点上;它没有错),或者 .js 没有t 声明函数。如果是后者,我一定是遗漏了几行代码才能使该功能可用,但我在作者的网站上找不到任何东西。在他的源代码中,他使用了一个 $(document).ready,我也试图模仿它,但也许我也做错了。
同样,奇怪的是 .hover 工作正常, .hoverIntent 没有。我不明白为什么它不被认为是一个函数。
尽量避免遗漏任何东西……让我们看看……没有其他 JavaScript 被调用。这篇文章包含页面使用的所有 Javascript...我尝试按照作者的 var config 示例进行操作(hoverIntent 仍然不是函数)。
我有一种痒痒的感觉,我只是少了一行来声明函数,但我一生都无法弄清楚它是什么,或者为什么它还没有在外部 .js 文件中声明。感谢您的任何见解!格雷格
更新:
最奇怪的事情,因为我正在处理它......实际上,如果这个问题得到解决,我可能不需要 hoverIntent 解决:
我在“doNothing”函数中添加了一个警报,并恢复为普通的旧 .hover,只是为了看看发生了什么。对于我的 5 个锚点中的 2 个,只要我悬停,doNothing() 就会被调用并且我会看到警报。对于其他 3 个,doNothing() 正确地在鼠标移出之前不会被调用。如您所见,相同的功能应该适用于“翻转”div 内的任何 Anchor。我不知道为什么它是特别的。
但:
- 如果我将fadeIn 更改为像slideDown 这样的另一种效果,doNothing() 直到mouseout 才会被正确调用。
- 使用fadeIn 时,在Opera 中不会调用doNothing(),但似乎在几乎所有其他浏览器中都会调用。
是否有可能是 fadeIn 本身是错误的,或者只是我需要传递一个适当的回调?如果是这样,我不知道那个回调会是什么。
为您的长期关注干杯...
格雷格
javascript - jQuery hoverIntent 插件的 cfg.hover 错误
我正在尝试使用 hoverIntent 插件来延迟进度条上的一些动画效果。但是,由于某种原因,hoverIntent 似乎根本不起作用。
我的页眉中有以下内容(所有路径都已验证):
在 sitewide.js 中,我运行以下命令:
但是当我将鼠标悬停在相关的 div 上时,浏览器中没有任何反应,并且控制台显示以下错误:
“cfg.over 未定义”和“cfg.out 未定义”
我已经使用 jQuery 的内置“悬停”进行了测试,它工作得很好。我还认为这可能与缓动插件有冲突,但是在删除 HTML 和 JS 文件中对缓动插件的引用后,我仍然遇到同样的问题。最后,为了安全起见,我删除了所有其他自定义 JS,但问题仍然存在。
有任何想法吗?谢谢!
events - jQuery Tools 工具提示使用事件特殊悬停
有谁知道如何修改 jquery 工具提示: http: //flowplayer.org/tools/tooltip.html
使用事件特殊悬停: http ://blog.threedubmedia.com/2008/08/eventspecialhover.html
jQuery tools tooltip 不依赖 hover 方法,所以仅仅加载插件是不够的。
事件悬停的来源:http: //threedubmedia.googlecode.com/files/jquery.event.hover-1.0.js 这里是 jquery 工具提示的来源:http: //flowplayer.org/js/tools/tools.tooltip- 1.1.1.js
我一直试图让它工作一段时间。提前致谢。
jquery - 带有悬停意图的延迟
...这可行,但有两个问题:
它似乎没有像它应该的那样等待 5 秒,无论我设置什么,它几乎都会立即打开。
影响在同一页面上使用 hoverintent 插件的所有元素。
我真的很感激任何帮助。谢谢!
jquery - MVC、jquery、hoverIntent、错误:对象不支持此属性或方法
我在hoverIntent上玩得很开心。我不断弹出“错误:对象不支持此属性或方法”。如果我将 .hoverIntent 更改为 .hover,它会“工作”。我已经尝试过常规文件和缩小文件,但都不起作用。我从这里下载了它们
我在页面上只有 2 个脚本。(这是我正在尝试执行此操作的 MVC 母版页)
这是我的导航项目的样子,我正在尝试将其附加到。
理想情况下,我正在尝试创建一个下拉导航。但是,我无法让 hoverIntent 进行最基本的测试以继续进行。关于为什么这不起作用的任何想法?
jquery - jQuery scrollIntent,类似于 hoverIntent
我正在寻找类似于 hoverIntent 的功能,但用于滚动。我有一个功能可以移动侧边栏以在滚动时保持不动。他们的问题是,移动/计算非常靠近,导致“始终可见”框在滚动时闪烁。我正在寻找一种仅在用户很可能试图滚动到该位置时触发的发明。然后,我将做一些花哨的缓动效果,而不是简单的 css 属性更改。
jquery - hoverIntent 在选择元素上触发“out”功能
下面的代码用于显示和隐藏 Mega Dropdowns。如果您将鼠标悬停在具有“dropDown”类的链接上,则会显示子“.dropPanel”。只要您的鼠标悬停在链接或下拉面板上,下拉面板就会保持显示。将光标移动到链接或面板以外的任何位置,面板将被隐藏。很基本的东西。
在其中一些 Mega Dropdowns 中有一些包含选择元素的表单。在 Firefox 中,一切都很好。在 IE(特别是 8,没有测试任何其他版本)中,如果您将鼠标悬停在下拉面板中的选择元素上,hoverIntent 会触发 dropPanelOff() 的“out”函数并且下拉面板隐藏。
我该如何防止这种情况?
jquery - jquery hoverIntent 和键盘触发焦点
我正在使用流行的 hoverIntent jQuery 插件作为下拉式超级菜单。
http://cherne.net/brian/resources/jquery.hoverIntent.html
我将其附加到列表项:
这按预期工作:如果我将鼠标悬停在 LI 上,则会触发 hoverIntent 并显示菜单。
每个 LI 也有一个锚标记(链接)。我希望能够有一个指向链接(焦点)的人员选项卡,然后也触发菜单。这是为了使菜单通过键盘工作。
我尝试了各种设置,但似乎都不起作用:
甚至这个烂摊子:
有没有人使用 hoverIntent 以及键盘/焦点事件?我的语法或逻辑错了吗?
更新/解决方案:
我正在研究 hoverIntent 逻辑并意识到它本身正在触发显示/隐藏菜单的功能。我的特定问题的解决方案是不通过另一个事件触发 hoverIntent,而只是通过我的焦点事件直接调用 hoverIntent 调用的函数。事后看来有点明显。
jquery - 为滑动面板插入 jQuery HoverIntent
我运行以下代码来创建一个下拉手风琴,当 div "#top_mailing" 悬停时,它会显示隐藏的 div "#top_mailing_hidden"。问题是,当我通过鼠标移出然后再次鼠标悬停来中断动画时,它会中止动画并搞砸。
我有以下代码:
});
Brian Cherne 的插件说要按如下方式调用 hoverIntent 函数(其中 'makeTall' 和 'makeShort' 是定义的函数:
我认为我得到的行为的最佳解决方案是使用 Brian Cherne 的“HoverIntent”jQuery 插件。问题是我不知道如何/在哪里将代码插入到上面来调用 HoverIntent 插件。它说要调用“.hoverIntent”而不是.hover,但我的代码正在使用.bind(“mouseEnter”......有人请帮忙!
javascript - jQuery hoverIntent 插件是否可以在 Internet Explorer 中使用?
hoverIntent插件是否与 Internet Explorer 兼容?我无法将其插入以下 JavaScript:
我将以下内容用于其他浏览器,但它在 IE7 中不起作用