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");