Home/ Questions/Q 7816763
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T05:59:14+00:00

As mentioned in another question earlier, I have a system that displays content and

  • 0

As mentioned in another question earlier, I have a system that displays content and highlights a button based on the hash tag. This is working fine for the most part, but if you hover the button, it then loses it’s active state.

Here’s a [working example][1] of the problem.

I’ve tried .hover(function() {return false;}); but unfortunately this didn’t work (though I guess I didn’t expect it to…!). I’ve also tried disabling the button (then re-enabling it when you click another one) which was perfect in Firefox, but the text was greyed out in IE7.

Would greatly appreciate any help or suggestions, thank you 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To start with your button are submitting the #, it doesn’t make the link go to another page but it generates some unwanted scrolling. You should avoid that like this.

    $('#showScarringReports').click(function(ev){ ev.preventDefault(); });

    After if you want the active state to stay you can disable the event handler which make it switch from active back to what it was. So again with first one as example.

    $('#showScarringReports').unbind('mouseout keyup mouseup hover');

    Once active it will stay active, to remove the active state then just remove the class ui-state-hover from the button.

    • 0