JavaScript Why javascript/jquery code does not work on android devices?

[nilovsergey]

On laravel 8.83 / jquery 3.6.0 app when user clicked on action button and ajax response returned new value is set
(groupedNewsUserActionsCount of response)
into div with id = "#total_actions_" + newsId + "_" + action + "_label" and to assign class 'news-user-reactions-item-voted' into block

I do it with a code :

$.ajax({
        type: "POST",
        dataType: "json",
        url: "/news/react",
        data: {"_token": "{{ csrf_token() }}", "newsId": newsId, "action": action},
        success: function (response) {


            $("#total_actions_" + newsId + "_" + action + "_label").html(response.groupedNewsUserActionsCount === 0 ? '' : response.groupedNewsUserActionsCount)


            // Make _cancel action button visible and hide add action button
            $("#a_" + newsId + "_" + action + "_add_action").css('display', 'none')


            $("#a_" + newsId + "_" + action + "_cancel_action").css('display', 'block')


            // User voted this action : show icon image in light blue color
            $("#div_" + newsId + "_" + action + "_add_action_block").attr('class', 'news-user-reactions-item-voted')
        },
        error: function (error) {
            console.log(error)
        }
    });

That works ok on common browsers, but does not work properly(new value is not set and class is not changed) on android devices.
Do I use some invalid methods which are not valid for android devices ?
Which methods have I to use ?


I make test with Samsung Galaxy A 50 and when my page is opened in chrome browser I found option/checkbox
"Version for comp" - if to turn it on the the page is reopeened at first - and after that all functionality with new
value applied and class changed new class changed WORKS properly! What option is it and how I use it in my issue ?

 

[Antero360]

On laravel 8.83 / jquery 3.6.0 app when user clicked on action button and ajax response returned new value is set
(groupedNewsUserActionsCount of response)
into div with id = "#total_actions_" + newsId + "_" + action + "_label" and to assign class 'news-user-reactions-item-voted' into block

I do it with a code :

$.ajax({
        type: "POST",
        dataType: "json",
        url: "/news/react",
        data: {"_token": "{{ csrf_token() }}", "newsId": newsId, "action": action},
        success: function (response) {


            $("#total_actions_" + newsId + "_" + action + "_label").html(response.groupedNewsUserActionsCount === 0 ? '' : response.groupedNewsUserActionsCount)


            // Make _cancel action button visible and hide add action button
            $("#a_" + newsId + "_" + action + "_add_action").css('display', 'none')


            $("#a_" + newsId + "_" + action + "_cancel_action").css('display', 'block')


            // User voted this action : show icon image in light blue color
            $("#div_" + newsId + "_" + action + "_add_action_block").attr('class', 'news-user-reactions-item-voted')
        },
        error: function (error) {
            console.log(error)
        }
    });

That works ok on common browsers, but does not work properly(new value is not set and class is not changed) on android devices.
Do I use some invalid methods which are not valid for android devices ?
Which methods have I to use ?


I make test with Samsung Galaxy A 50 and when my page is opened in chrome browser I found option/checkbox
"Version for comp" - if to turn it on the the page is reopeened at first - and after that all functionality with new
value applied and class changed new class changed WORKS properly! What option is it and how I use it in my issue ?

Might just be a caching issue. Clear your phone's browser cache and try it again

 

[JosiahMaybe]

Maybe report this to jQuery and also, be sure you are running like most up to date browser as jQuery is only tested on latest versions maybe or maybe not, maybe.