JQuery: vérifier si un élément est masqué par l'utilisateur

Question

Comment vérifier si un élément particulier est caché à l'utilisateur? Dans mon code, sous certaines conditions, ce code s'appellera:

 $("#VersionSelectField").hide('fast');
 

Je dois donc m'assurer que si $("#VersionSelectField") est caché, je n'aurais pas à valider la valeur qu'il contient lorsque je soumets le formulaire (j'utilise la bibliothèque JQuery Validate à cette fin).

Des idées?

Answer 1

$("#VersionSelectField").is(':hidden');

Answer 2

Cela fonctionne pour moi:

 $("#VersionSelectField").css("display") == "none";
 

Answer 3

Essayez $("#versionselectfield[display='none']").length > 0 .

Answer 4

Vous pouvez utiliser le rappel de la méthode hide (). Par exemple:

 $("#VersionSelectField").hide('fast', function() {
    GlobalVersionSelectFieldHidden = true;
});
 

La méthode ci-dessus n’est qu’une des méthodes à utiliser. En gros, le rappel ne se déclenche que lorsque l’animation est terminée (c’est-à-dire totalement masquée). Bien sûr, polluer la portée de la variable globale est très vilain, mais juste un exemple rapide.

Alternativement, vérifier si l'affichage est "none", comme le suggère Mark, fonctionne également, car l'effet JQ cachera totalement les éléments utilisant cette propriété css particulière.