How do you remove a button's active state with jQuery Mobile?

Question

In my mobile app, using jQuery Mobile...

• I would like to make a simple button execute a simple javascript function on click. No page transitions, nothing sp

Answer 1

What I do is force the buttons to revert to inactive state before a page changes.

//force menu buttons to revert to inactive state
$( '.menu-btn' ).on('touchend', function() {
    $(this).removeClass("ui-btn-active");
});

Answer 2

If you want to support non touch devices you should add timeout.

$('.btn' ).on('touchend click', function() {
    var self = this;
    setTimeout(function() {
            $(self).removeClass("ui-btn-active");
        },
    0);
});