Dev Faq
6
votes

JQuery CSS () ne fonctionne pas avec la visibilité

Dans le code ci-dessous, j'ai changé show () code> à CSS () code> et modifié la visibilité. Pour une raison quelconque, cela ne montre pas onclick.

Voici le HTML: P> 

$("td.area").on("click", "img", function(){
    $("tr:hidden#target").css("visibility","visible");
});

1 commentaires

J'ai eu votre solution de scroller JQuery pour vous Buddy, mais vous avez supprimé la question avant que je puisse poster une réponse. Je ne sais pas ce qui s'est passé là-bas. Faites-moi savoir si vous en avez encore besoin. Je peux le poster.

4 Réponses :

0
votes

voir le documentation pour : masqué . Éléments avec Visibilité: masqué ne peut pas être considéré : caché .

La solution serait de cibler simplement le tr sans le : Caché sélecteur, comme: xxx

2 commentaires

Non, n'a pas fonctionné. Si je le modifie pour afficher: Aucun et Afficher () Cela fonctionne bien ce qui fonctionne: O /

Bien évidemment. Visibilité: Caché ne comptera pas comme : caché . Voir mon édition.

4
votes

Pourquoi pas simplement utiliser $ ('TR # cible') . Voir jsfiddle ici.

0 commentaires
10
votes

Le sélecteur : caché ne fonctionne pas avec visibilité juste avec affichage . Voici la documentation de jQuery http://api.jquerery.com/hidden-selector/ < P> Vous devez essayer quelque chose de différent: xxx

0 commentaires
1
votes

Je l'écrirais personnellement comme ça.

Remarque: je n'ai pas testé cela. P> 

<style>
  #target {visibility: hidden}
</style>

<script>
   $('td.area').live('click', function(){
       if ($('#target').is(":visible")) {
         // Do something?
       } 
       else {
         // Make visible
         $('#target').css('visibility', 'visible') 
       }
   });
</script>

<td class="area"><img src="/def.jpg" /></td>
<tr id="target">
   <td>This was hidden </td>
</tr>

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier