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: 745
        
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