Les scripts jQuery ne s'exécutent plus sur les éléments partiellement actualisés

Question

J'ai un certain nombre de scripts jQuery qui sélectionnent des éléments dans la zone sur laquelle je lance une actualisation partielle de la page.

J'utilise ce tricks css extrait de code pour rafraîchir cette partie de la page:

$('#refreshbutton').click(function() { 

var url = "http://myUrl.com/indexTest.php?ID=" + Math.random(); 

setTimeout(function() { 
     $("#maindisplay").load(url+" #maindisplay>*",""); 
}, 100); 
}); 

Le problème est que les éléments dans #maindisplay sont modifiés, sont donc considérés comme des éléments nouveaux dans le Royaume. Puisque les scripts qui sélectionnent ces éléments et leur attachent des fonctions s'exécutent à domready et non pendant l'actualisation partielle, cela pose un problème.

Jusqu'ici, je n'ai pas réussi à trouver un moyen de rattacher les scripts aux éléments de #maindisplay après l'avoir partiellement rafraîchie.

Ma question est: Quelle est la meilleure façon de rattacher les scripts à la zone rafraîchie de la page.

Nous vous remercions de vos conseils.

Answer 1

Vous avez les options suivantes que je peux penser:

• Mettez le fixer dans une fonction et appeler cette fonction à la page rafraîchir
• Utilisez la fonctionnalité .live()
• utilisation .delegate (0) fonctionnalité
• Mettez la référence Javascript à la fonctionnalité dans une référence dans l'actualisation afin qu'elle s'exécute dans le cadre de cette actualisation.
• Mettre la fonction dans le rappel
• font partie de votre setTimeout
• une autre méthode créative que je ne pensais pas ...

Juste une remarque: je regardais la .delegate() avec une sélection contextuelle ajoutée dans les versions récentes (disponible en 1.4.2 par exemple).

Answer 2

Est-ce que load() ne prend pas de fonction de rappel comme deuxième argument? Pourquoi ne pas rattacher les gestionnaires d'événements aux éléments avec cette fonction?

$('#result').load('ajax/test.html', function() { 
    //reattach event handlers here. 
}); 

Answer 3

Vous devez utiliser la fonction live() pour attacher votre gestionnaire de clic.