jQuery table de moniteur pour le changement?

Question

J'ai un plugin qui affiche/cache les colonnes dans une table.

Cependant, j'utilise également plusieurs autres plugins sur la table, donc la table est assez dynamique.

Je cherche un moyen de surveiller la table pour chaque fois que quelque chose lui arrive.

par exemple,

lignes sont ajoutées, les lignes sont supprimées, les lignes sont cachées ...

est-il un événement .change() général pour tout élément de dom?

Answer 1

Vous pouvez utiliser livequery pour détecter lorsque les lignes ont été ajoutées/supprimées:

$("tr").livequery(function() { 
    console.log($(this) + " was added"); 
}, function() { 
    console.log($(this) + " was removed"); 
}); 

Answer 2

Vous pouvez lier à des événements DOM:

$(document).ready(function(){ 
    $(document).bind('DOMNodeInserted', function(event){ 
     console.log('inserted '+event.target.nodeName + ', parent: '+event.relatedNode.getAttribute('id')); 
    }); 
    $(document).bind('DOMNodeRemoved', function(event){ 
     console.log('removed'); 
    }); 
    $(document).bind('DOMSubtreeModified', function(event){ 
     console.log('modified '+event.target.getAttribute('id')); 
    }); 

    $('#tbl').append($('<tr></tr>'). 
        attr('id', 'newrow')); 
}); 

Fiddle here

Bien sûr, votre Il faudrait donner des identifiants aux éléments pour qu'ils soient utiles.

Answer 3

Malheureusement, il n'y a pas d'événement de changement entre navigateurs pour la manipulation du DOM. Vous avez quelques options:

1. Utilisez les fonctions qui manipulent la table pour effectuer vos autres actions.
2. Créez un pub/sous-système pour publier et vous abonner à vos propres événements de table personnalisés.