Animate() scrollTop no Funciona despues de cargar contenido con AJAX

  • Autor Autor Magali Mejia
  • Fecha de inicio Fecha de inicio
M

Magali Mejia

Programador
No recomendado
Verificado por Whatsapp
Hola genios, les cuento, estoy que me rompo la cabeza ...

Sucede que estoy desarrollando un script buscador de música que funciona de la siguiente manera

si la key de búsqueda no esta en base de datos, entonces busca la música en diferentes servidores, lo guarda en db y luego muestra los resultados con AJAX una vez cargada la pagina, y si esta en base de datos los muestra desde la base de datos sin necesidad de usar ajax.

hasta alli todo bien el problema es que no funciona la siguiente función cuando los resultados se cargan por primera vez (cuando se carga con ajax).

Insertar CODE, HTML o PHP:
            $('a.mp3z').click(function(){
            e.preventDefault();
            enlace  = $(this).attr('href');
            $('html, body').animate({
                scrollTop: $("#contenido").offset().top
            }, 1000);
            });

Esta funcion hace una animación scroll hacia arriba cuando se da click en el botón play.

Me rompo la cabeza y no entiendo cual sera el problema.
url del sitio en cuestion: editado
 
Última edición:
[MENTION=83096]Magali Mejia[/MENTION] .click() no funciona cuando cargas contenido con ajax.. tienes que usar .on()
 
[MENTION=83096]Magali Mejia[/MENTION] .click() no funciona cuando cargas contenido con ajax.. tienes que usar .on()

tambien intente usando on(); y no funciona

Insertar CODE, HTML o PHP:
            $('a.mp3z').on("click", function(e) {
            
            e.preventDefault();
            enlace  = $(this).attr('href');
            $('html, body').animate({
                scrollTop: $("#contenido").offset().top
            }, 1000);
            return false;
            });

lo he dejado con esa funcion de momento. solo funciona cuando no se usa ajax :s
 
prueba con

Insertar CODE, HTML o PHP:
$("body").on("click", "a.mp3z", function(e){
 
Atrás
Arriba