Why doesn't JS work on mobile devices?

Question

JavaScript

$(document).on('click', '.disabled-chat', function () {
        $(this).removeClass('disabled-chat');
        $(this).addClass('active-chat');
        $(".chat-right").css({"width":"327px","padding":"0 7px 0 7px"});
        return false;
    });

Let's say here's a normal trigger. On the computer everything is fine, on the tablet the click does not work. What is the problem?
Any click on some object with a class does not accept

Answer 1

Try to do without delegation and return nothing from the function.

$( '.disabled-chat' ).on( 'click', function () {
        $( this )
            .removeClass( 'disabled-chat' )
            .addClass ( 'active-chat' );
        $( '.chat-right' ).css({
                 "width"   : "327px",
                 "padding" : "0 7px 0 7px"
         });
    });

Answer 2

And one more thing: for mobile devices, it is better to use tap, not click. Click has a 300ms delay before firing.