How to set visibility and attr in jquery 3

Question

After upgrading JQuery 1 to JQuery 3 in our application, some JQuery code stopped working.

I tried looking at https://api.jquery.com/visible-selector/ but could not get help

Previous Code

$("#top_data_label").css("visibility", "visible");

$("#"+element).attr("class", "disable-link").attr("disabled", "disabled");

What changes I need to make in the above code to make it working as per JQuery 3 syntax.

Dylan KAS · Accepted Answer · 2019-05-20T10:59:20.137

1

Can you try this :

$( document ).ready(function() {
    $("#top_data_label").css("visibility", "visible");

    $("#"+element).addClass("disable-link");
    $("#"+element).prop("disabled", true);
});

Do not forget to put the js in on document ready because it will not work if you don't.

(See jsfiddle which include a document ready)

edited May 20 '19 at 10:59

answered May 20 '19 at 09:44

Dylan KAS

4,840
2
15
33

$("#top_data_label").css("visibility", "visible"); does not work in JQuery 3. Are you providing solution as per JQuery 3? – deltaforce May 20 '19 at 10:26
I edited my answer, indeed you should put your jquery in a dom ready – Dylan KAS May 20 '19 at 10:59

How to set visibility and attr in jquery 3

1 Answers1