The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Mouse Events Triggering Prematurely & Incorrectly: JQuery Plugin

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #38664

    Hi all

    I have been battling to find the error in my menu for over a month now and desperately need help is detecting where my mouse events are going wrong. The design and code are working almost perfectly, along with the QTIP2 Jquery plugin… all that is left are these 2 annoying problems detailed below. Both problems are detailed below with a Fiddle and relate to Mouse events. I really hope someone can help so that I can wrap up this project. 10000 Magical Points to the genius who can crack this, as I really am all out of ways to solve it, thus this post is my last resort!

    The 2 problems:

    The ‘Tier 1’ menu opens correctly and persists correctly whenever the user is not using the menu. This means that whenever the user has completed hovering any menu items, it returns to indicate the users current item. The behaviour of the menu is currently correct, holding open ‘Tier 1’ and ‘Tier 2’, whilst ‘Tier 3’ (if there is one) is highlighted on hover, but remains hidden until hovered.

    Problem 1. You will notice the top tier, ‘Tier 1’, tries to force itself to the ‘alwaysactive’ item immediately on mouseleave when moving between ‘Tier 1’ items. I believe this is caused by the mouseleave trigger on the #navigation triggering prematurely. This JS is found in the last 10 lines.

    Problem 2. In the fiddle provided, you will notice I have set ‘Tier 1 – Maintenance’, ‘Tier 2 – Bus Stops’, and ‘Tier 3 – Create Bus Stop’ to being the active page. When hovering the other ‘Tier 2’ items alongside ‘Bus Stops’, I cannot get the ‘Tier 2’ active item to lose its highlighting, until it needs to return to being shown as active.

    Thanks so much if any of you can help! I really hope I was able to illustrate my problems clearly.

    Cheers Devin

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.