Animate() scrollTop não funciona depois de carregar conteúdo com AJAX

  • Autor Autor Magali Mejia
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
M

Magali Mejia

Delta
Programador
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).

Inserir CODE, HTML ou 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 edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
[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

Inserir CODE, HTML ou 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

Inserir CODE, HTML ou PHP:
$("body").on("click", "a.mp3z", function(e){
 
Aprendí un poco. Gracias a ambos.
 
Voltar
Topo