How to disable mobile button (suggestion)

Try changing the pointer event.

pointer-events: none;

Is there a way, if I have a button that starts out disabled, to enable it?  I tried this and it didn't work:

Note that when the page is loaded, my button initially says this:

disabled="disabled" OnClientClick="return false;"

            var cmd = $("cmdSubmit");
            var txt = $("#txtNote");

            // Enable the submit button if and only if we have data
            if ("" == txt.val())
            {
                cmd.attr("disabled", "disabled");
                cmd.attr("onclick", "return false;");
                alert("disabled");
            }
            else
            {
                cmd.attr("onclick", "");
                cmd.removeAttr("disabled");
                alert("enabled");
            }

Both alerts fire as you would expect, but the button is unchanged.

Apply k-disabled style, eg:

.k-disabled
{
pointer-events: none !important;
opacity:0.5 !important;
}