Foros del Web » Programando para Internet » Jquery »

Problema con los scripts en la carga dinámica

Estas en el tema de Problema con los scripts en la carga dinámica en el foro de Jquery en Foros del Web. hola forer@s ! El día de hoy vengo con una inquietud que me ha estado revolviendo la cabeza durante dos semanas, la verdad es que ...
  #1 (permalink)  
Antiguo 19/08/2018, 03:09
 
Fecha de Ingreso: julio-2015
Ubicación: Distrito Federal
Mensajes: 97
Antigüedad: 9 años, 5 meses
Puntos: 2
Problema con los scripts en la carga dinámica

hola forer@s!

El día de hoy vengo con una inquietud que me ha estado revolviendo la cabeza durante dos semanas, la verdad es que pensé darme por vencido, sin embargo vengo a ustedes como última alternativa.

Les cuento, la cuestión es que tengo una página que carga contenido dinámicamente mediante peticiones AJAX con ayuda de JSON, todo bien hasta allí, el problema es que se está cambiando el contenido de un div en específico, no se cambia toda la página, y cuando se recibe y se incrusta el nuevo código html tanto las funciones como los scripts que vienen dentro de ese trozo de código no funcionan, me explico:
En una página tengo un código de un formulario por ejemplo, allí mismo tengo scripts cuyo contenido tiene funciones descritas "function()", así como eventos "$('input').blur()" por ejemplo, entonces cuando en alguna otra página se carga todo esto, los eventos no funcionan, a menos que se lo pase directamente al elemento como "<input type="text" onBlur="función();">". Todo esto ha sido un enrredo y ya no tengo cabeza, si alguno pudiera darme una mano se lo agradecería infinitamente.
  #2 (permalink)  
Antiguo 19/08/2018, 12:50
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: Problema con los scripts en la carga dinámica

El problema es que esos nuevos elementos no existen dentro del flujo natural del dom, la funcion que pretendes utilizar solo afecta a los elementos existentes al momento de cargar el script.

Prueba utilizar la variante on

Código Javascript:
Ver original
  1. $( "body" ).on( "click", ".nuevoElemento", function() {
  2.   // accion a realizar
  3. });

http://api.jquery.com/on/


También para este tipo de aplicaciones seria recomendable mudarte a un framework mas escalable y versátil como AngularJS, Reack o VueJS, cualquiera sirve al propósito y te ayudara mucho.

Etiquetas: ajax, form, funcion, input, javascript, scripts
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:56.