Jquery - Append

[estaisaderezados]

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,

[newboy_master]

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:

$(".cambiar_contenido input").on("click", function(event){
 
    $(navbarTitleID).empty(); //navbarTitleID contiene el nombre del id
    $(navbarTitleID).append("Notificaciones");
 
});
 

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.

[andresgarciadev]

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:

$( "#result" ).load( "ajax/test.html", function() {
esto se ejecuta cuando termino el load, es decir aca recien ejecutaras
$(navbarTitleID).empty(); 
$(navbarTitleID).append("Notificaciones");
});