Estimados todos,
Espero que estén muy bien.
Este es mi código… por favor echen un vistazo.
<script>
$.getJSON("https://forum.example.com/directory_items.json?order=likes_received&period=monthly", function(data, status) {
var base_url = window.location.origin;
z0 = base_url + data.directory_items[0].user.avatar_template.replace("{size}", "24");
z1 = base_url + data.directory_items[1].user.avatar_template.replace("{size}", "24");
z2 = base_url + data.directory_items[2].user.avatar_template.replace("{size}", "24");
z3 = base_url + data.directory_items[3].user.avatar_template.replace("{size}", "24");
z4 = base_url + data.directory_items[4].user.avatar_template.replace("{size}", "24");
z5 = base_url + data.directory_items[5].user.avatar_template.replace("{size}", "24");
leader_body = '<h1>Tabla de clasificación</h1><br><img class="learder_rounded" src="' + z0 + '"><b>' + data.directory_items[0].user.username + '</b><br><img class="learder_rounded" src="' + z1 + '"><b>' + data.directory_items[1].user.username + '</b><br><img class="learder_rounded" src="' + z2 + '"><b>' + data.directory_items[2].user.username + '</b><br><img class="learder_rounded" src="' + z3 + '"><b>' + data.directory_items[3].user.username + '</b><br><img class="learder_rounded" src="' + z4 + '"><b>' + data.directory_items[4].user.username + '</b><br><img class="learder_rounded" src="' + z5 + '"><b>' + data.directory_items[5].user.username + '</b>';
console.log(leader_body);
$(".menu-container-footer-links").append(leader_body);
});
</script>
Quiero agregar mi código HTML (Tabla de clasificación) en la sección del menú hamburguesa.
Pero este código no funciona correctamente.
Miren la imagen: el código anterior muestra este resultado en la sección del menú hamburguesa solo cuando abro la sección y recargo. Después de cerrarla y volver a abrirla, ya no se muestra… por favor, ayúdenme a solucionarlo. Soy nuevo en Discourse… y en general, soy un novato en programación 
Gracias de antemano. 