Problema de carga con ajax+jQuery

[gatero]

Esta es la función..

Código Javascript:

jQuery('.btn-menu').click(function(e){
        e.preventDefault();
        jQuery('#box').fadeOut('slow').empty()
        jQuery.ajax({
            url : jQuery(this).attr('href'),
            success : function(data){
                jQuery('#box').html(data).fadeIn('slow');
            }
        });
});
 

Funciona casi perfecto, el problema es que cuando se da clic sobre el botón(btn-menu), la primera vez carga bien, pero después de eso empieza a generar un parpadeo cada que se carga el contenido en el div box, alguien sabe como evitar ese extraño comportamiento? o alguien tiene el mismo problema?

[gatero]

Alguien dijo yo? :|

[Anixed]

El problema es que cuando se realiza una llamada a AJAX el DOM sufre modificaciones formateando de alguna manera y haciendo que los eventos queden obsoletos.

He leido varias maneras de volver a iniciar todos los binds para que esten disponibles despues de la carga mediante AJAX, y creo que la mejor es http://api.jquery.com/live/ para bindear el evento.

Asi...

Código Javascript:

jQuery('.btn-menu').live('click', function(e){
        e.preventDefault();
        jQuery('#box').fadeOut('slow').empty()
        jQuery.ajax({
            url : jQuery(this).attr('href'),
            success : function(data){
                jQuery('#box').html(data).fadeIn('slow');
            }
        });
});
 

Si hay una mejor manera, ami tambien me gustaria saberlo, saludos.