Question

Okay so here’s my small snippet of code:

base.$el.delegate('.mb-panel', 'hover', base.hover = function(){
    base.change( base.$panels.index($(this)) + base.adj );          
});

Basically I want base.change( base.$panels.index($(this)) + base.adj ); to keep executing as long as the user hovers over .mb-panel. So right now that event is firing once on mouseenter() and once on mouseleave() because I’m using hover().

I’ve tried adding base.hover(); to make it a sort of recursive function, but this just isn’t working. I’m assuming because of some infinite loop occurring. Can anyone help me with this?

Answer 1

I think mousemove event will help you to some extent. Alternatively you can use setInterval on hover and execute the required code at a specified interval and then on mouseout clear the interval.