J'essaie, en vain, d'ajouter d'un élément "p" lorsque l'on clique sur un élément "p" qui a été précédemment ajouté via un bouton d'ajout.
Expliquer comme ça, c'est bizarre , donc je vous envoie également mon script.
Je précise que je m’entraîne à utiliser Jquery.
Si quelqu'un peut m'expliquer mon erreur, ce serait très gentil !
Merci
$(function() {
var $nbreElt;
var $bouton = $('p');
var p1 = "test";
var p2 = "de";
var p3 = "rere";
//première fonction qui fonctionne sans problème
$bouton.on('click', function() {
var $this = $(this);
$this.remove();
$('.main').append('<p class="add">' + p1 + '</p>');
});
var $add = $('.add');
//deuxième fonction qui ne marche pas
$add.on('click', function() {
$('.main').append('<p class="add">' + p2 + '</p>');
});
});
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Ta Carte d'Anniversaire</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="main">
<div class="element first">
<h1>C'est ton jour !</h1>
<p class="bouton">Click me !</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.12.3.js"></script>
<script src="js/mon_script.js"></script>
</body>
</html>
P.S : au bout de 8h de recherche, j'ai fini par trouver la solution...! J'ai mis le sujet en résolu, faut de pouvoir le supprimer.
- Edité par koupatroupa 25 octobre 2016 à 22:52:13
Echec sur ajout d' un élément "p" avec "click"
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.