Form Elements have no ID
Form Elements have no ID
I had a HTML/JavaScript web site that wanted to convert mobile with jQuery Mobile.
In this app I need to be able to change the text of buttons.
Unfortunately, jQuery Mobile hides your buttons. So when you change the text on the button it is not visible. Sure you can use native buttons, but then you have no style on them. So that is not an option.
So I tried using link buttons and modified my script to change the .text of the link. Fail!
jQuery adds a bunch of spans inside your links so you cannot access the text. Even worse, the spans of no IDs to match the parent element.
Everything jQuery is modifying behind the scenes is undocumented and there are no IDs assigned, just classes.
There must be a better way to style things without destroying some of the best functionality of jQuery. I cannot figure out anyway to take control of my form elements, but still use jQuery Mobile.
Does anyone have any workarounds?