Ajout à un div à l'aide de jquery

J'essaie d'ajouter du contenu à un div chaque fois que je clique sur un lien. Cependant, le texte ajouté disparaît immédiatement après avoir été ajouté. Qu'est-ce que je fais mal?Ajout à un div à l'aide de jquery

<html>                 
<head>                 
<script type="text/javascript" src="/files/jquery.js"></script>   
<script type="text/javascript">           
    $(document).ready(function() { 
     $("a").click(function() { 
     $("#questions").prepend("A question<br />"); 
     }); 
}); 

</script>                
</head>                 
<body>                 
<a href="">Add</a> 
    <p id = "questions"> </div> 
    </body>                 
    </html>

Source

2009-11-29 YonderKane

Ajoutez return false; à votre événement click, pour l'empêcher de recharger la page.

Source

2009-11-29 12:52:25 Magnar

<a href="#">Add</a>

Vous devez avoir quelque chose dans votre "href", sinon ça va aller naviguer à la même page (au moins pour Firefox).

Source

2009-11-29 12:52:10

vrai, Firefox le fait. IE navigue jusqu'à la racine du site/répertoire dans lequel vous vous trouvez. –

Je suis d'accord avec O.K.W

mettre également return false; Le fait de traverser une variable pour représenter le contrôle de la fonction et d'exécuter preventDefault arrêtera l'événement de clic naturel. ou

function(e){ 
e.preventDefault(); 
}

Source

2009-11-29 13:05:19

+1 preventDefault() fait du bon travail pour exprimer l'intention. –

Ajout à un div à l'aide de jquery

Répondre

Questions connexes