ansaurus

Question

Can't get hoverIntent jquery plugin to work

Answer 1

A:

hoverIntent doesn't have a single in/out function overload, from the main page:

jQuery .hover() can take both a handlerIn and a handlerOut, /or/ just a handlerIn. My .hoverIntent() plug-in takes both handlerIn and handlerOut, /or/ a single configuration object. It was not designed to take just a handlerIn like .hover(). The next version (r6) will be more flexible.

So to get what you want, you either have to pass the same method twice, like this:

$('#section1').hoverIntent(navSelect('.interior','0px'), navSelect('.interior','0px'));

Or, a bit cleaner, you can use the object overload, and pass it once but change your navSelect to return that object instead, like this:

function navSelect(section,selectorPosition){
  var func = function(evt){
    if ( $(section).is(':hidden')) {
      $('.subSection').fadeOut(250);
      $(section).delay(250).fadeIn(250);
      $('#selector').animate({"left":selectorPosition},250);
    }
  }
  return { over: func, out: func };
}

Nick Craver 2010-07-31 03:02:27

Thanks that works great, im still at a really basic level with javascript and this whole return object thing is really confusing to me

Black Magic 2010-07-31 04:48:38

ansaurus

tags:

views:

answers:

Can't get hoverIntent jquery plugin to work

related questions