Discussion :

[fartounet]

Je suis en train de faire une fonction qui devra être appelée pour chaque élément possédant une même classe comme par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="maClasse">Message 1</div>
<div class="maClasse">Message 2</div>
<div class="maClasse">Message 3...</div>

J'ai donc une fonction écrite en jQuery doit s'exécuter toutes les secondes.
Je vous laisse voir mon script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
jQuery.fn.maFonction = function()
{
    console.log($(this).text());
    setTimeout(arguments.callee, 1000);
}

Évidemment elle n'est pas appelée, je fais donc une requête lorsque la page est prête :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
jQuery(document).ready(function($)
{
    $('.maClasse').each(function()
    {
        $(this).maFonction();
    });
});

Le premier appel fonctionne bien, j'ai le bon retour sur la console.
Les suivants sont vides.

J'aimerai savoir pourquoi et comment résoudre ce problème ?

Merci d'avance.

[vandenn3]

Salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
jQuery.fn.maFonction = function() {
    console.log($(this).text());
    var thisItem = $(this);
    setTimeout(function() {
        thisItem.maFonction();
    }, 1000);
}

Ceci fonctionne

[fartounet]

Salut vandenn3,

Tout d'abord, merci pour la réponse.

Ma fonction s'exécute bien plusieurs fois.
C'est juste le résultat affiché qui ne s'affiche qu'une fois.

Si je mettais un texte statique dans la console il n'y aurait aucun soucis comme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

console.log('message');

Mais là, on dirait qu'il ne trouve plus mon $(this) à la seconde exécution.

Cordialement,

[vandenn3]

J'ai modifié ma réponse, j'avais mal lu ton code de départ.

[fartounet]

Ok merci, je viens d'essayer mais malheureusement j'ai le même soucis.
Retour console vide à la seconde exécution. :/

[vandenn3]

A-tu essayé ceci?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
jQuery.fn.maFonction = function() {
    console.log($(this).text());
    var thisItem = $(this);
    setTimeout(function() {
        thisItem.maFonction();
    }, 1000);
}

il est un peu différent du premier code que j'ai posté, celui-ci fonctionne chez moi, je pensait que le précédent allait fonctionner.

[fartounet]

C'est génial, ça fonctionne.
Merci beaucoup !

[vandenn3]

Derien