Changing button's data-theme programatically

[Radek]

I am changing data-theme for a button dynamically from JS.

Procedure

1. I have a button with theme "e"
2. I change it to "a" via $btn.attr("data-theme", "e")
3. The button is still displayed in yellow, with the previous "e" theme

After that, I noticed the the generating <div> around the button contained both ui-btn-hover-e and ui-btn-up-e and their -a variants. It is also in case when I'm updating data-theme for the div.

So the workaround for me is to also remove the previous classes from the generated div:

$btn.closest("div").attr("data-theme", "e").removeClass("ui-btn-hover-a").removeClass("ui-btn-up-a");

[dmethvin]

You'd want to file a bug in the jQuery Mobile issue tracker, per the big red box here that says "ARE YOU IN THE RIGHT PLACE?" http://bugs.jquery.com