Eu tenho alguns javascript que eu herdei para o meu trabalho. Neste javascript, temos uma barra lateral que é constantemente atualizada (a cada 1 - 10 minutos ou mais). No script, analisamos e processamos o AJAX a partir do servidor e, em seguida, chamamos uma função interessante.

function renewClicks(){
    $('.classElem').unbind('click'); 
    $('.classElem2').unbind('click');
    $('.classElem3').unbind('click'); 

    $('.classElem').click(elm1funct); 
    $('.classElem2').clikc(elm2funct);
    $('.classElem3').click(elm3funct);  
}

Onde .classElem é um seletor de classe css que é anexado a cada imagem adicionada à página. E elmfunct é uma função que é escrita para manipular o clique. Isso é executado em cada atualização (desautorizando elementos já adicionados e adicionando-os novamente). Eu quero saber se existe uma maneira que eu possa anexar um ouvinte no elemento body no DOM para que todos os elementos de imagem adicionados à página e que herdam a classe css já sejam manipulados e, portanto, não sejam registrados e registrado em cada atualização.

Obrigado por qualquer informação que você possa fornecer.