Foros del Web » Programando para Internet » Jquery »

Jquery - Append

Estas en el tema de Jquery - Append en el foro de Jquery en Foros del Web. Buenos días, En una función JavaScript cargo un fragmento de código, de la siguiente manera: $(pageHeaderID).load(path + "pages/header_global.html") Justo a continuación, quiero modificar el contenido ...
  #1 (permalink)  
Antiguo 23/06/2015, 02:56
Avatar de estaisaderezados  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 96
Antigüedad: 13 años, 4 meses
Puntos: 3
Jquery - Append

Buenos días,

En una función JavaScript cargo un fragmento de código, de la siguiente manera:

$(pageHeaderID).load(path + "pages/header_global.html")

Justo a continuación, quiero modificar el contenido de un div de ese HTML que acabo de cargar, de la siguiente manera:

$(navbarTitleID).empty(); //navbarTitleID contiene el nombre del id
$(navbarTitleID).append("Notificaciones");

Pero no consigo que funcione, headerglobal.html, tiene un div cuyo contenido es "Posición Global" y quiero cambiar a "Notificaciones".

¿Saben cuál puede ser mi error?

Un saludo y gracias,
  #2 (permalink)  
Antiguo 23/06/2015, 04:00
Avatar de newboy_master  
Fecha de Ingreso: enero-2008
Ubicación: Granada
Mensajes: 882
Antigüedad: 16 años, 2 meses
Puntos: 46
Respuesta: Jquery - Append

El problema que tienes se debe a que intentas manipular datos que no existen en la página en ese momento, supongo que ese código lo tendrás dentro del fragmento `$(document).ready(function()....`.

Para poder hacer uso del código cargado con selectores necesitas usar la función on() de jQuery. Un ejemplo de uso:

Código Javascript:
Ver original
  1. $(".cambiar_contenido input").on("click", function(event){
  2.  
  3.     $(navbarTitleID).empty(); //navbarTitleID contiene el nombre del id
  4.     $(navbarTitleID).append("Notificaciones");
  5.  
  6. });

No estoy seguro de si puedes poner el propio load() dentro de ese fragmento y te reconoce ya los selectores o si necesitas ponerlo aparte, es cosa de probar.

Salu2.
__________________
@jslirola - Programador Web Freelance.
  #3 (permalink)  
Antiguo 25/06/2015, 15:45
Avatar de andresgarciadev  
Fecha de Ingreso: junio-2013
Mensajes: 218
Antigüedad: 10 años, 9 meses
Puntos: 32
Respuesta: Jquery - Append

el problema es que como dice newboy_master, estas intentado manipular un elemento que aun no existe, debes hacer el append despues de que cargue el load
asi:
Código Javascript:
Ver original
  1. $( "#result" ).load( "ajax/test.html", function() {
  2. esto se ejecuta cuando termino el load, es decir aca recien ejecutaras
  3. $(navbarTitleID).empty();
  4. $(navbarTitleID).append("Notificaciones");
  5. });

Etiquetas: Ninguno
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 15:27.