How I change the button color after clicking on itself?

Question

I have created 3 themes on http://jquerymobile.com/themeroller/. Each theme has a different button color. I tried to change the following button theme from data theme a to data theme c:

<button data-icon="star" data-theme="a" data-form="ui-btn-up-a" id="btnA" class="ui-btn-hidden" data-disabled="false">0,2 m3</button>

using this function:

$("#btnA").click(function()
{
    $("#btnA").buttonMarkup({theme: 'c'});
});

but the color of btnA doesn't change. How do I proceed?

it should work normally with refreshing. You have the correct code, what error are you getting? — Omar, Apr 12 '13 at 08:29
Your code works correctly: http://jsfiddle.net/Gajotres/RjkJU/ — Gajotres, Apr 12 '13 at 08:45

Subedi Kishor · Answer 1 · 2013-11-12T11:36:21.160

1

Once you have set set the theme on the button you'll need to call refresh on it like below...

$("#btnA").click(function() {
    $(this).attr("data-theme","c").button('refresh');
});

Enjoy...

edited Nov 12 '13 at 11:36

answered Apr 12 '13 at 04:39

Subedi Kishor

5,906
5
35
53

How I change the button color after clicking on itself?

1 Answers1