jquery no trabaja con ajax

[dimas18]

Buen dia amigos.
me gustaria que me orientaran con un problema, implemente scroll infinito en la navegacion de mi sitio, tengo un inconveniente de que cuando cargo una seccion con ajax los eventos jquery no me funcionan solo los que se cargaron al cargar la pagina por primera ves, que podria ser.

el sitio es
novaxd.com

gracias

[mauritosuarez]

Hola dimas18, visite tu web y funciona bien el scroll infinito, podrías poner algo de tu código aquí para poder analizar el error, y no tratar de adivinar.

Saludos.

[dimas18]

Disculpapor no definir bien que parte es el problema, el problema son los botones sociales, si te das cuenta que al cargar una nueva seccion con ajax los botones quedan como cargando, y cuando se le da click alos primeros botones que cargaron con la web funcionan bien pero las nuevas cargas no estan funcionando, como que no estan registradas con jquery o algo asi.
Lo mismo me pasaba con los botones originales de face, por lo que intenete colocar otros pero sucede lo mismo.

Mas o menos habia leido algo del DOM o algo asi que no tenia registrados los nuevos elementos.

[Alexis88]

Hace pocos días alguien presentó el mismo problema. Aquí puedes ver la solución.

Saludos.

[dimas18]

Gracias me es util y es el problema que presento, voy a revisar a ver como puedo aplicar ya que es un plugin de wordpress

[dimas18]

comento mi solucion, Me fue muy util la respuesta, lo que hice fue
buscar el script que carga los botones sociales y lo coloque en el pedido de ajax, ya cuando el ajax carga, vuelve a cargar el script js y ahi funciono, no se si lo estoy haciendo bien.

el script que se carga en el header y el cual lo copie en el pedido ajax es este.

Código HTML:

<script type='text/javascript' src='http://www.novaxd.com/wp-content/plugins/ultimate-social-deux/public/assets/js/script-ck.js?ver=3.1.6'></script> 

el problema de este es que elpedido ajax extrae 5 post y creo que en cada post carga el script lo cual se nota que tarda mas en cargar, se podria crear algun evento que cuando finalize el boton que carga el pedido ajax se cargue una vez el script


el boton es este

Código HTML:

<div class="alm-btn-wrap"><button class="alm-load-more-btn more" id="load-more">Mas +</button></div> 

muchas gracias

[Alexis88]

Es que no es necesario que cargues los scripts nuevamente, solo delega los eventos y ya.

Saludos

[dimas18]

Gracias por tu ayuda, mi conocimiento es poco o nada sobre jquery, estoy tratando de comprender como implementar la delegacion, el problemaes que es un plugin y habria que comprenderlo donde hace lacarga del evento

[Alexis88]

Busca la parte del código en donde se hace eso y ponlo por acá para ayudarte, recuerda que nosotros no tenemos acceso al código y es difícil poder decirte más a ciegas.

Saludos

[dimas18]

No se si se permite, coloco la url del archivo que carga los script, he estado tratando de figurarme como agregar la delegacion o .on en los sociales, especialmente los que son twiter y face que se encuentran en la linea 393 y 415 se encuentran con .each.

y pues para el caso ajax momentaneamente modifique el el plugin de ajax haciendi que me cargue este script una vez nada mas

de nuevo gracias por tu ayuda

Código:

http://www.novaxd.com/wp-content/plugins/ultimate-social-deux/public/assets/js/script-ck_Ordenado.js

[Alexis88]

Para que no te hagas muchos líos, tan solo ubica a los botones en cuestión y delega el evento click para cada uno de ellos, asignando una función que redirija al usuario según la dirección a la que apunten.

Saludos

[dimas18]

Gracias por tu asistencia, compañero