contenu dynamique ne fonctionne pas lorsqu'il est chargé avec ajax

Question

Je suis en train de charger un contenu dynamique après que l'utilisateur a ouvert une session, en utilisant $.ajax, comme ceci:

$.ajax({ 
    url: "functions.php", 
    type: "GET", 
    data: login_info, 
    datatype: 'html', 
    async: false, 
    success: function (response) { 
     $('#main').html(response); 
    } 
}); 

Le problème est que certains événements don ne fonctionne pas, lorsqu'il est chargé de cette façon. J'ai corrigé les boutons avec la méthode .live(), mais une liste triable par exemple, ne fonctionne pas. Comment puis-je rafraîchir le DOM et faire savoir à jquery ces nouveaux éléments ajoutés?

Merci!

Answer 1

Vous devez réinitialiser les composants de l'interface utilisateur dans le rappel de la réussite de $.ajax, .: par exemple

$.ajax({ 
    url: "functions.php", 
    type: "GET", 
    data: login_info, 
    datatype: 'html', 
    async: false, 
    success: function (response) { 
     $('#main').html(response); 
     $("#main .sortable").sortable(); 
    } 
}); 

Answer 2

Il n'y a pas de réponse simple. Je viens de coder un script jQuery et j'ai fait face au même problème.

Il suffit d'utiliser this, à savoir la solution "reconsolidation"