J'ai des problèmes quand on cache d'abord l'identifiant avec jQuery. J'ai déjà défini $ ("# avant-show"). Cacher (); Mais il s'occupait toujours de recharger, puis cachez-vous.
voici mon exemple de code d'essai: p>
p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="show" class="button-show">
<button>show</button>
</div>
<div id="before-show" class="box">
<div class="hello">
<button id="hide">hide</button>
</div>
</div>4 Réponses :
Si vous souhaitez que l'élément soit masqué à la page charge, vous devez le masquer dans CSS, non en JavaScript, car la page est rendue avant que le JavaScript ne soit exécuté. Essayez ceci:
Donc, il n'y a pas d'autre moyen d'utiliser JavaScript?
Cachez-le simplement à l'aide de CSS au lieu de JavaScript.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="show" class="button-show">
<button>show</button>
</div>
<div id="before-show" class="box">
<div class="hello">
<button id="hide">hide</button>
</div>
</div>
Seulement avec JQuery Bro, avec CSS ça marche mais je ne mettez pas d'identité dans CSS
Alors pourquoi tag CSS? Et quelle est la règle - pas de CSS du tout? Aucune règle d'identification? Pas de CSS externe? Et si la jQuery a créé la règle CSS? Et si vous utilisiez plutôt un sélecteur de classe ou d'élément? Vous avez vraiment besoin de clarifier. Cela semble être une très grande mise en garde à omettre de votre question.
Vous êtes à la merci de la page de page si vous utilisez JavaScript pour effectuer le travail de CSS. Sans connaître les raisons ou les règles réelles à l'instar d'éviter les identifiants CSS, vous n'allez pas avoir une bonne réponse malheureusement.
ma raison ne pas utiliser l'ID dans CSS est pour une convention cohérente bro
Ajoutez ensuite class = "caché" à la div et à mettre .Chidifié {affichage: aucun; } dans votre CSS à la place. Mais plus important encore, si votre convention nuire activement aux performances du site, il est peut-être peut-être temps de repenser cette convention ...
mais s'il n'y a pas de toute façon en utilisant JavaScript, j'utiliserai dans CSS :), je veux seulement la rechercher
ligne de course HTML par ligne Généralement HTML Exécuter rapidement, mais vous importez JQuery Utilisez d'autres sites Web, vous pouvez vérifier comment la date de correspondance utilisée par F12-> Network, peut-être que cela apporte votre question
De plus,
Je suggère que vous puissiez définir l'utilisation de la DIV cachée CSS en premier: Affichage: Aucun
Bien que cela puisse répondre à la question, fournir un contexte supplémentaire sur la manière et / ou pourquoi il résout le problème améliorerait la valeur à long terme de la réponse. Lisez ceci .
Vous pouvez avoir l'élément que vous souhaitez démarrer caché comme: et ensuite, vous pouvez définir son identifiant avant de le rendre visible comme: p> $('box')
.css("display", "block")
.attr('id', 'someId');
J'essaie déjà encore mais, ça cherche toujours dans 3 secondes. Est-ce que ces causes dans mon réseau?
Je ne peux pas imaginer comment il serait toujours visible si vous l'avez défini pour être affichage: Aucun Dès le début.