jQuery: Jak wykryć, czy html zmienił się w danym elemencie?

Question

W javascript, prawdopodobnie przy użyciu jQuery, jak mogę wykryć, czy zawartość html danego elementu uległa zmianie?

Chciałbym móc zrobić somthing jak:

$('#myDiv').change(function(){ 
    // do some stuff 
}); 

jestem zasadniczo próbuje wykryć, czy podane elementy są dodawane do div lub jeśli wewnętrznej html podanych elementów (takich jak etykiety) zmienił się, a następnie ukrył lub pokazał div w zależności od treści.

Każdy alternatywny pomysł na to, jak osiągnąć smt, jest również ceniony jako.

Mam nadzieję, że nie będę musiał powracać do jakiejś niejasnej wtyczki, aby to zrobić!

UWAGA: to musi działać co najmniej w IE8!

Answer 1

Można użyć zdarzenia DOM Level 3 DOMNodeInserted. Przykład:

$('#myDiv').bind('DOMNodeInserted', function(e) { 
    console.log('element: ', e.target, ' was inserted); 
}); 

Demo: http://www.jsfiddle.net/vsgdZ/1/

Zdarzenie zostanie uruchomiony, gdy nowy węzeł został dołączony do elementu, w którym jest powiązanie obsługi.