Stack Overflow
Stack Overflow

Questions tagged [hoverintent]

hoverIntnet is a very small jQuery plugin that helps to determine the user's intent. Using jQuery's hover in the background, gives much flexible control over 'hover'.

hoverIntnet is a very small jQuery plugin that helps to determine the user's intent. Using jQuery's hover in the background, gives much flexible control over 'hover'.

Additional information, including documentation and source code, is available in the article What is hoverIntent?.

220 questions
13
votes
2 answers

How to use hoverIntent plugin?

I'm new to jQuery and want to add the hoverIntent plugin to my site as my navigation menu. I have been referred to Brian Cherne's site and see the code to download, but I'm not quite sure how to put it all together to make it work. Can someone post…
Ashley
  • 1,125
  • 8
  • 16
  • 27
12
votes
7 answers

How do I add a delay for hovering an element in angularjs?

I have an element: Hover Me

Some content

More Content

…
Tj Gienger
  • 1,395
  • 1
  • 12
  • 17
10
votes
2 answers

Remove delay of Superfish dropdown menu onmouseover, while keeping the Hoverintent delay onmouseout

I'm having trouble removing the initial delay of the Superfish dropdown fix. My client wants a delay onmouseout, but not a delay onmouseover. I've got a pure CSS dropdown menu (identical to the Twentyten dropdown menu) and am applying Suckerfish.js…
chocolata
  • 3,258
  • 5
  • 31
  • 60
10
votes
4 answers

jQuery - unbind or rebind hoverIntent()?

I have a menu bar that displays a set of categories in an upper row. One of the categories has a set of sub-categories. I have a hoverIntent setup so that it will slideDown the submenu, and slideUp when the mouse leaves. However, if I am viewing a…
waffl
  • 5,179
  • 10
  • 73
  • 123
10
votes
6 answers

jQuery / prototype conflict

I am using a jQuery hoverIntent.js script for a mega drop down menu system inspired by Son Tonaka's mega drop down w/CSS & jQuery sohtanaka.com/web-design/mega-drop-downs-w-css-jquery. My page includes a prototype.js script that is inserted by a…
Mike B
  • 101
  • 1
  • 3
7
votes
2 answers

Delay with hoverintent

var config = { sensitivity: 3, interval: 5000, timeout: 5000, }; $("#cart-summary").hoverIntent(function () { $('.flycart').slideDown('fast'); }, function() { …
eozzy
  • 66,048
  • 104
  • 272
  • 428
5
votes
2 answers

jQuery.hoverIntent.js in Firefox extension does not load

According to this guide I tried to load JQuery to my Firefox extension. var Myext = { loadJQuery: function(wnd) { var loader = Components.classes["@mozilla.org/moz/jssubscript-loader;1"] …
xralf
  • 3,312
  • 45
  • 129
  • 200
5
votes
4 answers

Combining jquery cluetip and hoverintent?

I'm using jquery's cluetip to show, huh, tooltips :-) I made them sticky, because I want the user to be able to move the mouse to the shown tooltip - if they wish. However, if the user does not move the mouse to the tooltip, I want the tooltip to…
profke
  • 51
  • 3
5
votes
1 answer

Replacing MouseOver with .hoverIntent

First off I apologize... I have posted this question before, but I did a bad job of explaining it. I'm having trouble plugging hoverIntent into the following JavaScript... I need it to replace the mouseenter and mouseleave functions below. Just to…
Brian
  • 3,920
  • 12
  • 55
  • 100
5
votes
2 answers

hoverIntent triggers 'out' function on select element

The code that follows is used for showing and hiding Mega Dropdowns. If you mouse-over a link with the class of 'dropDown', it's child '.dropPanel' shows. As long as your mouse is over either the link or the drop panel, the drop panel remains shown.…
S16
  • 2,963
  • 9
  • 40
  • 64
5
votes
4 answers

jQuery.on() - how initialize as soon as elements have been loaded

I'm trying to add the hoverIntent plugin to elements on my page, however some elements will be added to the DOM later on, which means I have to bind the plugin to future elements as well. How do you do that? I have seen the same questions on SO a…
Anriëtte Myburgh
  • 13,347
  • 11
  • 51
  • 72
4
votes
1 answer

jQuery easy pulldown menu?

I've built a simple dropdown menu. The code and demo is here: http://jsfiddle.net/3Lq2d/5/ It looks like this: Mousing over MENU 1 fades in the Submenus. It works great, unless you happen to be a spaz and jiggle your mouse around a lot over the…
designosis
  • 5,182
  • 1
  • 38
  • 57
4
votes
1 answer

Triggering hoverIntent in a Capybara/Selenium test

Has anyone figured out how to trigger a hoverIntent event via Capybara? In my Rails app's main view, edit buttons appear in a table cell when the user hovers the mouse over that cell. I recently added the jQuery hoverIntent plug-in to delay the…
TimH
  • 1,185
  • 2
  • 10
  • 13
4
votes
1 answer

JQuery: Why is hoverIntent not a function here?

I'm modifying some code from a question asked a few months ago, and I keep getting stymied. The bottom line is, I hover over Anchors, which is meant to fade in corresponding divs and also apply a "highlight" class to the Anchor. I can use base…
Greg
3
votes
1 answer

hoverIntent() not a function

I can't seem to get hoverIntent plugin to work. It's definitely loading jQuery and hoverIntent. But, .hoverIntent() is "not a function". (.hover() works fine).