Resizable() deactivates elements
Hello.
I recently started using jQuery / jQuery UI and love it... it really
makes JS development a lot simpler and more fun.
However, I have a problem now for a while with "resizable" which I
can't seem to figure out myself. Everything used to work fine in the
beginning, but now it seems that each element that should be resizable
becomes disabled for unknown reasons.
This is the code I use to place resizable() on the textarea-element:
$(":textarea[name=comment]", $("fieldset#fs_pers")).resizable
({ maxWidth:365, minWidth:365 });
Here's a screenshot of what happens in Firebug:
http://img14.imageshack.us/img14/1305/bild4s.png
You can see the automatically created UI-Wrapper DIV-element around
the textarea is greyed out and therefore disabled. I tried to
place .show() and .attr("disabled", false) on the textelement above,
but nothing seems to work as not the textarea-element itself but the
div-block around it is the one responsible.
I checked and also don't seem to have an "UI-Wrapper" definition
within my jQuery-UI CSS-file (which I generated using the tool on the
website). Might that be the cause? I also use tabs on the same page,
no problem with that...
Any help would be greatly appreciated.
Greetings,
Martin