Comments (4)
Hi @gkatsanos! Thanks for asking. For your case, would you just be able to, in hoverIn
, just add a reference to the menu item as data on the dropdown content, use $.noop
for out
, and just register a listener for mouseleave
on the content? For example, something like this:
$('.menu-item[data-mlid]').hoverIntent({
over: hoverIn,
out: $.noop,
sensitivity: 1,
timeout: 200
});
function hoverIn() {
var activeitem = $(this).data('mlid');
$('.paddle-mega-dropdown[data-mlid="' + activeitem + '"]').fadeIn('fast');
}
// only handle mouseleave of content
$('.paddle-mega-dropdown').mouseleave(function(e) {
var activeitem = $(this).data('mlid');
var targetElement = e.relatedTarget;
if (! $(targetElement).closest('[data-mlid="' + activeitem + '"]').length) {
$('.paddle-mega-dropdown[data-mlid="' + activeitem + '"]').fadeOut('fast');
}
});
? Please let me know if this addresses your concern or if you've found another way already, and I will close the issue.
from jquery-hoverintent.
As I found a way to do this already, I close my issue. Many thanks.
from jquery-hoverintent.
@gkatsanos, interesting to see your solution.
from jquery-hoverintent.
I found a way to do this if anyone is still looking for a resolution. Basically you can use the $.noop jquery empty function for either the over or out function. Then you can just call hoverIntent as two different functions like this.
$("#main-navigation").hoverIntent( menuHoverOver, $.noop, 'li a' );
$("#main-navigation").hoverIntent( $.noop, menuHoverOut);
from jquery-hoverintent.
Related Issues (20)
- Improperly triggers mouseout when hovering a child inputs auto complete suggestion. HOT 9
- create gh-pages branch, change official site to github.io HOT 7
- Check over/out methods gracefully. HOT 5
- make new version HOT 1
- Namespaces, unbinding and the .on() syntax HOT 7
- Add an minified version HOT 1
- Late firing on mobiles HOT 7
- Timeout only applys to mouseout method and doesn't affect mouseenter HOT 4
- Is it work with dynamically added element? HOT 3
- cdnjs issue was opened HOT 1
- remove bower.json
- 1.8.1 on NPM is a mismatch? HOT 7
- Disabled button not firing "over" (in a very specific circumstance) HOT 2
- handlerOut not triggered when domElement is removed dynamically HOT 3
- Improperly triggers mouseout when hovering a child inputs auto complete suggestion. HOT 3
- Possible bug HOT 3
- Deprecated jQuery HOT 1
- how to import like/in es6 modules? HOT 1
- ES6 version
- Typescript types needed
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-hoverintent.