Home/ Questions/Q 9021487
In Process

The Archive Base Latest Questions

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

I’m currently experiencing a problem with jQuery UI and many buttons. I have a

  • 0

I’m currently experiencing a problem with jQuery UI and many buttons. I have a list of 500 records and each record has three buttons. I’m trying to fine tune the resultset with some jQuery UI buttons.

Unfortunatly this completely clogs up my browsers. Internet Explorer (of course) is the slowest of them all.

See it for yourself on this link (test page though): http://jesperveldhuizen.com/ui/test.php

Are there any workarounds for this problem?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    jQuery UI is adding and removing CSS class names on mouse over and on mouseout of elements. This can be a performance hit so the recommendation is to use standard CSS selectors to create hover and active events.

    Like so:

    .css3button { background-color: blue; }
.css3button:hover { background-color: green; }
.css3button:active { background-color: red; }

    Though if you research enough you will find that jQuery implemented via class name adding/removing so that it could be 100% cross browser. As long as this hover, active CSS selector method works for you (and it does for the major browsers), you’ll be fine.

    • 0