Using jQuery UI Framework CSS classes after (document).ready

Question

My problem is that predefined jQuery UI classes like .ui-state-error and .ui-state-highlight doesn't change visual style if applied after (document).ready.

I have tab control that loads it's tab content after user has selected a tab. What happens is that after this selected tab has loaded it's content (containing items with .ui-state-error classes) visual style doesn't change. Tab change doesn't give any document ready events.

Any ideas how can I force jQuery to check styling of the items that have been added after (document).ready?

Answer 1

You can use the live() in JQuery to apply styling to elements that are added after the document has been loaded.

Description: Attach a handler to the event for all elements which match the current selector, now or in the future.