Attendre fin chargement contenu d'un élement [Résolu]

[Général03]

Bonjour,

je souhaite lancer une fonction après chargement du contenu d'une div, pour cela je fais

Code :

1
2
$("#div").append('...contenu html très très long...');
setTimeout(fonctionALancerApres, 500);

Se qui m'embête est d'utiliser setTimeout. J'ai tenté

Code :

1
2
3
$('#div').ready(function(){
   resizeListMaintenance()
})

ou encore

Code :

1
2
3
$('#div').change(function(){
   resizeListMaintenance()
})

Mais sans aucun succès.

Quelqu'un aurait une idée ?

Merci

[SpaceFrog]

Code :

$(document).ready

ne te convient pas ?
sinon comment et quand modifies tu le contenu ?

si tu utilises une methode jquery de type load() pour modifier le contenu de ton div, tu peux passer par le callback

[Général03]

En faite, le $(document).ready je le fais déjà sur mon fichier JS et dans celui ci je fais un traitement qui nécessite un chargement de contenu fait par AJAX.

Code :

1
2
3
4
5
6
7
$.ajax({
  type: 'GET',
  url: url,
  success:function(data){
    $('#div').append(data);
    fonctionALancerApres();
});

si tu utilises une methode jquery de type load() pour modifier le contenu de ton div, tu peux passer par le callback

Cette méthode prend comme paramètre une url et moi j'aimerais mettre mon selecteur $('#div')

[SpaceFrog]

a mon avis load est bien ce qu'il te faut

Code :

$('#div').load(url, data, fonctionaLanceraprès)

[Général03]

Je ne crois pas car le résultat de mon AJAX me donne de l'HTML que s'insère dans une div. Et dès que tout est inséré je souhaite lancer la fonction fonctionaLanceraprès()

[SpaceFrog]

ben c'est exactement a ça que sert load

il recupère le code html distant de la page url, l'insère dans le #div et lance ensuite dans le callback la fonction voulue ...

teste au moins les codes fournis

[Bovino]

Envoyé par Général03

Je ne crois pas car le résultat de mon AJAX me donne de l'HTML que s'insère dans une div. Et dès que tout est inséré je souhaite lancer la fonction fonctionaLanceraprès()

Etonnante réponse ma foi...

La syntaxe donnée par Spaffy fait exactement ce que tu expliques mais malgré tout, tu crois que ce n'est pas bon ?

[Général03]

j'avais pas fais attention au $('#div') dans

Code :

$('#div').load(url, data, fonctionaLanceraprès)

Mais oui ça fonctionne bien, merci

[SpaceFrog]

ouf !