Resetting Button States in JQuery

Question

I am creating a Phonegap & JQuery mobile application. I have some buttons, and on navigating in the app, if you go back to the menu screen you see them still selected (in active state) or else in hover state.

Is it possible to reset the state once the user goes back to the menu screen?

Answer 1

Yes you can, you need to remove its ui-btn-active class.

Example:

$("#button").removeClass("ui-btn-active");

Do it in pagebeforeshow event:

$('#page').live('pagebeforeshow',function(e,data){    
    $("#button").removeClass("ui-btn-active");
});