Création de boutons en utilisant Javascript

-6

J'essaie d'afficher un bouton "Ajouter quelque chose" lorsque le bouton "Ajouter" est cliqué. Tout fonctionne bien sauf pour le bouton "Ajouter quelque chose", je n'arrive pas à ajouter un nouveau bouton. Le problème semble tourner autour de Javascript. Mon jsFiddle: https://jsfiddle.net/o4tbf6y2/6/Création de boutons en utilisant Javascript

<script type="text/javascript"> 
    $(document).ready(function(){ 
     var i=1; 
    $("#add_row").click(function(){ 
     $('#a'+i).html("<td>"+ (i+1) +"</td><td><input name='code"+i+"' type='text' placeholder='Code' class='form-control input-md' /> </td><td><input name='name"+i+"' type='text' placeholder='Name' class='form-control input-md'></td><td><p data-placement="'top'" data-toggle="'tooltip'" name='add"+i+"'><button class="'btn btn-primary btn-xs'" data-title="'Add'" data-toggle="'modal'" data-target="'#myModal'" >Add Something<span class="'glyphicon glyphicon-pencil'"></span></button></p></td> "); 

     $('#tab_logic').append('<tr id="a'+(i+1)+'" class="text-center"></tr>'); 
     i++; 
    }); }); 
    </script>

Source

2016-07-21 Yeo Meng Tat

Pouvez-vous faire un jsFiddle? –

Etes-vous sûr que le code est exactement le même que celui que vous avez copié ici? Parce qu'il y a un Leah

Tout fonctionne bien sauf pour le bouton "Ajouter quelque chose", si je l'enlève, il est capable d'afficher –

-1

On dirait que vous n'avez pas ajouté l'id « de add_row » au bouton, de sorte que le clic peut être crochet pour elle.

Source

2016-07-21 08:02:36 Whothehellisthat

On dirait que vous n'avez pas vu l'ID 'add_row' juste après la table et la balise de fermeture div. –

Oh, d'accord. C'est suffisant. Pour ma défense, tout est très confus, avec des boutons et des liens et "Ajouter" et "Ajouter quelque chose". Je ne suis pas sûr à 100% quel est l'effet désiré, pour être honnête. On dirait que vous l'avez bien. P – Whothehellisthat

vous manquez un "});" et avez-vous déjà importer le jquery et vous devez utiliser tbody pour ajouter

<tr id="a'+(i+1)+'" class="text-center"></tr>

Source

2016-07-21 08:12:28 lisehouniao

Création de boutons en utilisant Javascript

Répondre

Questions connexes