jQuery UI Tabs force delay before changing tab on mouseover
Posted
by Ben
on Stack Overflow
See other posts from Stack Overflow
or by Ben
Published on 2010-03-22T21:21:59Z
Indexed on
2010/03/22
21:31 UTC
Read the original article
Hit count: 689
Using the jQuery UI Tabs 1.7.2 with jQuery 1.4.2, is there a way to make it so that when you mouseover a tab, there is a delay before the tab switches?
I've been looking into using the hoverIntent plugin to do this, but cannot figure out how it would fit in.
Right now my code looks like:
var tabs = $('.tabs').tabs({
event: 'mouseover'
});
I've tried playing around with a callback on the show event, but I think I'm doing it wrong or not clear on when the callback happens:
$( ".tabs" ).tabs({
show: function(event, ui)
{
setTimeout("FUNCTION_TO_CHANGE_TAB?", 200);
}
});
Any help would be greatly appreciated.
© Stack Overflow or respective owner