J'ai deux divs avec une touche de commutation SWTCHBTN P> sur la page Load i supprimée Connexion en utilisant P> $('#swtchbtn').click(function(){
$('#register').remove();
$('#login').add('div');
});
3 Réponses :
Au lieu d'ajouter et de supprimer, il peut être préférable d'utiliser .Show () et .hide (). De cette façon, la DIV est toujours là, mais vous pouvez afficher ou masquer de manière conditionnelle le contenu en fonction de ce que l'utilisateur a cliqué sur i.e.
Essayez de le faire de cette façon
$('#swtchbtn').click(function(){
$('#register').css("display" ,"none");
$('#login').css('display','block');
});
Vous trouverez plus facilement l'utilisation .Show () et .hide () plutôt que .css ("affichage", ...
Le code ou un wrapper parent plutôt que à la place, vous pouvez utiliser p> $ ('# login'). Ajouter ('div'); code> tentera d'ajouter une nouvelle DIV à une DIV existante avec identifiant ID. Comme vous avez supprimé le login div, ce code ne fait rien, à la place, vous devez utiliser: document p> p> p> Cependant, il est fortement improbable que votre Login code> div est juste que (une DIV vide) et vous aurez autre code tel que des entrées Nom / Mot de passe, ce processus d'ajout / suppression des nœuds DOM trop. compliqué. p> .Show () code> et hide () code> pour basculer entre eux ou plus succinct .toggle ( ) code>: p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='login' style='display:none;'>login</div>
<div id='register'>register</div>
<button type='button' id='switchbtn'>switch</button>
Vous supprimez
div id = login puis essayez d'ajouter un autrediv au#login que vous venez de supprimer? Pouvez-vous ne pas voir pourquoi cela ne fonctionnerait pas?Voulez-vous dire re-ajouter l'entrée de connexion? Quelque chose comme
$ (document) .append (''); ?
oui je veux re-ajouter à nouveau @ lowern-m
Ma suggestion serait d'utiliser
.Show () et.hide () plutôt que d'ajouter / supprimer des nœuds DOM.Je viens de découvrir que ce sera le meilleur choix, merci