Aidez-moi à ajouter du code HTML dans la section Hamburger

Soutien
1

Chers tous,

J’espère que tout va bien..

Voici mon code.. veuillez jeter un coup d’œil

<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>Classement</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>

Je souhaite ajouter mon code HTML (Classement) dans la section Hamburger.

Mais ce code ne fonctionne pas correctement.

Voir l’image, le code ci-dessus affiche ce résultat dans la section Hamburger uniquement lorsque j’ouvre la section et que je recharge la page. Après avoir fermé et rouvert le menu hamburger, il n’apparaît plus.. veuillez m’aider à corriger cela. Je suis débutant sur Discourse.. Généralement débutant en programmation :innocent:

Leaderboard
Leaderboard466×494 45.9 KB

Merci d’avance. :pray:

1 « J'aime »
2

Je pense que vous devez vous renseigner sur les connecteurs Handlebars et api.onPageChange

<script type="text/x-handlebars" data-template-name="/connectors/abc/xyz">
    {{mount-widget widget = "xyz"}}
</script>

api.onPageChange ((url, title) => {
});

La méthode la plus simple consiste à examiner un modèle de sujet.

decorateWidget

https://github.com/hnb-ku/discourse-custom-hamburger-links/blob/master/common/header.html

6 « J'aime »
3

Bcat Merci, cher ami… Je vais certainement apprendre tout ce que vous avez mentionné et publier la solution ici.

2 « J'aime »