Afficher une balise Anchor dans une page ASP.Net avec JQuery

Question

J'ai une page ASP.Net dans laquelle j'ai une balise d'ancrage html et j'ai défini la propriété visible sur false. Je veux le rendre visible avec JQuery, mais je n'arrive pas à le faire fonctionner. J'ai essayé d'utiliser le sélecteur pour l'étiquette d'ancre elle-même, et aussi un sélecteur de classe, mais aucun n'a d'effet. Voici le balisage pour la balise d'ancrage:

<a runat="server" class="reg" visible="false" id="RegisterSoftwareTab" href="../RegisterSoftware.aspx">Register Software</a> 

Et voici le code JQuery:

<script type="text/javascript" > 
    $(document).ready(function() { 
     $('a').attr("visible", "true"); 
     $('a').show(); 
     $('.reg').attr("visible", "true"); 
     $('.reg').show(); 
    }); 
</script> 

Answer 1

visible n'est pas un attribut correct à utiliser; il n'est pas défini par le standard HTML. Vous pouvez utiliser l'attribut Visible uniquement sur un contrôle ASP.NET comme le asp:Button; Visible="false" sera ensuite rendu à un style="display:none", qui est conforme à HTML.

Si vous voulez masquer votre élément en utilisant une balise HTML normale, essayez d'utiliser la propriété display CSS directement dans la balise HTML:

<a runat="server" class="reg" style="display:none;" id="RegisterSoftwareTab" href="../RegisterSoftware.aspx">Register Software</a> 

Qu'est-ce que la méthode show() fait est de changer le style de l'élément à display:inline; , dans ce cas tu appelleras seulement $('.reg').show() ou $('a').show(), sans avoir à modifier la propriété display CSS en utilisant directement la méthode attr():

<script type="text/javascript" > 
    $(document).ready(function() { 
     $('a').show(); 
    }); 
</script> 

Answer 2

Réglez le style-none pour la balise d'ancrage:

<a runat="server" class="reg" style="display: none;" id="RegisterSoftwareTab" href="../RegisterSoftware.aspx">Register Software</a> 

Ensuite, pour le montrer, utilisez $('a').show();