Thanks Brian - I'm going to use hoverIntent for the trigger - it will
work well there.
On May 17, 2:12 pm, "Brian Cherne" <[EMAIL PROTECTED]> wrote:
> What about something like:
>
> $(a).hoverIntent( handleMouseOver , function(){} )
>
> $(b).hover( function(){} , handleMouseOut )
>
> You'd get the graze protection from hoverIntent and the mouseOut on another
> object. It's a little wasteful using empty functions like that... but it
> might help. In this case, it might be better to create an empty function and
> reference it twice.... but I'm not sure if there'd be any perceivable
> savings. Oh, and you'd have to throw an if statement in your handleMouseOut
> function that prevented it from doing anything if your menu was already in
> the closed position (in case handleMouseOver hadn't fired).
>
> It isn't ideal, but this might get you a little closer to an acceptable
> animation/interaction.
>
> Brian.
>
> On 5/17/07, Daemach <[EMAIL PROTECTED]> wrote:
>
>
>
> > That plugin is cool - I looked at it before. Unfortunately I'm
> > triggering the close and open from two different elements and using
> > the mouseout event on the menu itself to close. The problem is that
> > if the mouse leaves the object, it starts the slide animation. If the
> > mouse grazes the div even slightly, it restarts the animation
> > triggering another mouseout event (the menu resets to max height and
> > starts shinking until it is no longer under the mouse and another
> > event is triggered...) and that repeats ad infinitum, or at least
> > until you move the mouse.
>
> > I need to figure out a way to ignore mouseouts until the slide
> > animation is complete :/
>
> > On May 17, 1:18 pm, "Brian Cherne" <[EMAIL PROTECTED]> wrote:
> > > My hoverIntent plug-in may help... but in the opposite way of thinking
> > about
> > > your problem -- it delays the onMouseOver call until the users cursor
> > comes
> > > to rest (or slows significantly) over the target object.
>
> > >http://cherne.net/brian/resources/jquery.hoverIntent.html
>
> > > Brian.
>
> > > On 5/17/07, Daemach <[EMAIL PROTECTED]> wrote:
>
> > > > I have a slightly different problem - I have a vertical menu that gets
> > > > displayed when you mouse over a link using slideDown. I attached a
> > > > slideUp event to the mouseout event of the containing div, but if the
> > > > pointer moves back over the menu before the animation is done it
> > > > restarts the animation repeatedly until you move the pointer. Any
> > > > ideas on how to solve that one? It looks very strange.
>
> > > > On May 17, 9:37 am, "John Resig" <[EMAIL PROTECTED]> wrote:
> > > > > Isn't that what .hover() does?
>
> > > > > $(...).hover(function(){
> > > > > $(this).addClass("hilite");}, function(){
>
> > > > > $(this).removeClass("hilite");
>
> > > > > });
>
> > > > > --John
>
> > > > > On 5/17/07, Remy Sharp <[EMAIL PROTECTED]> wrote:
>
> > > > > > I've written a plugin that will fire a mouseout when the mouse
> > leaves
> > > > > > the container DIV, rather than moves over a sub-element:
>
> > > > > >http://remysharp.com/2007/05/17/true-mouseout-jquery-plugin/
>
> > > > > > Hope it helps.
>
> > > > > > On May 16, 1:36 pm, SamCKayak <[EMAIL PROTECTED]> wrote:
> > > > > > > Just getting started...
>
> > > > > > > I have several unordered lists on a page. I want to add a class
> > > > > > > 'hilite' to an ordered list onmouseover and remove the class
> > > > > > > onmouseout.
>
> > > > > > > So far, so good. My problem is that while the mouse is inside
> > the
> > > > > > > ordered list, an onmouseout event fires when the mouse moves
> > over a
> > > > > > > list item (but is still inside the ordered list).
>
> > > > > > > What methods are available to detect this condition as I do not
> > want
> > > > > > > to removeClass('hilite') while I am in the ordered list but
> > hovering
> > > > > > > over a list item?
>
> > > > > > > Thanks,
>
> > > > > > > Sam
