toggle non fonctionnel sur l'élément qui vient d'être inséré? [Résolu]

[schwarzy2]

Bonjour à tous,

je cherche à faire apparaître un élément fieldset avec un effet, l'élément apparaît, et lorsque j'utilise ma fonction toggle sur plusieurs ensembles d'éléments déjà présent sur ma page, ça fonctionne, mais lorsque je veux lui dire d'exécuter l'action toogle uniquement sur l'élément que je viens de créer: nada.

Voici mon code, mon problème est à la dernière ligne:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript">
$(document).ready(function() {
    $('#add_line').click(function() {
      //calcul du numero de la ligne
      var num_ligne=$('.lignes_taches').children('fieldset').length;
      num_ligne++;
      //ajout d'un élément ligne
      var ligne_tache='<fieldset><legend>Ligne tâche '+num_ligne+'</legend><ul>'+
          '<li><label for="titre_'+num_ligne+'">Titre de la ligne</label>'+
          '<input type="text" helper="formText" value="" id="titre_'+num_ligne+'" name="titre_'+num_ligne+'"></li>'+
          '<li><label for="volume_'+num_ligne+'">Volume</label>'+
          '<input type="text" helper="formText" value="" id="volume_'+num_ligne+'" name="volume_'+num_ligne+'"></li>'+
          '</ul></fieldset>';
      $('.lignes_taches').append(ligne_tache);
      //$('.lignes_taches').toggleClass( "newClass", 1000 ); //marche bien
    var num_el=num_ligne-1;
    alert( $('.lignes_taches').children('fieldset')[num_el]); //[object HTMLFieldSetElement]
    $('.lignes_taches').children('fieldset')[num_el].toggleClass( "newClass", 1000 ); //ne marche pas
 
    });
});  
</script>

Seule la dernière ligne ne marche pas, le message d'erreur est: $(".lignes_taches").children("fieldset")[num_el].toggleClass is not a function
alors je n'y comprends rien???puisque la fonction est reconnue plus haut, et que l'élément aussi est reconnu???

merci d'avance pour votre aide

schwarzy2

[SpaceFrog]

le second paramètre de toggleClass est un bool non ?

1000 sert à quoi ?

[schwarzy2]

Spacefrog, merci de te pencher sur mon problème, en fait là c'est pas toggle c'est toggleClass, donc non le deuxième paramètre est la durée.

[SpaceFrog]

oui desolé je voulais ecrire toggleClass ...

je ne vois rien qui indique que toggleClass soit une animation
http://api.jquery.com/toggleClass/
aucune notion de durée ...

[schwarzy2]

ah oui je n'ai pas précisé, j'utilise jQuery UI
http://docs.jquery.com/UI/Effects/toggle

[SpaceFrog]

toggle est en effet une animation
toggleClass ne l'es pas

[schwarzy2]

je me suis trompée de lien:
http://jqueryui.com/demos/toggleClass/

[SpaceFrog]

HA ... je vois, mais rien à voir avec ui...

Le souci provient de ton indexe [num_el] qui te fait sortir de l'obejt jqueyr et retomber au niveau de l'element DOM.

il faut passer par eq(num_el)

[schwarzy2]

effectivement, du coup:

Code :

$('.lignes_taches > fieldset:eq('+num_el+')').toggleClass( "newClass", 1000 )

;

marche nickel!!!!

merci beaucoup SpaceFrog!