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

You can disable the ‘highlighted blue’-state in the ‘mobileinit’-event before loading jQueryMobile-script:

<head>
    <script>
    $(document).bind('mobileinit', function () {
        $.mobile.activeBtnClass="unused";
    });
    </script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>

Now, when you click on a link, no class will be added after the click is performed. You will still have the ‘hoover’ and ‘down’ classes.

Leave a Comment