Aiutami ad aggiungere codice HTML alla sezione Hamburger

Supporto
1

Cari tutti,

Spero che tutto stia bene..

Questo è il mio codice.. per favore dateci un’occhiata

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

Voglio aggiungere il mio codice HTML (Classifica) alla sezione Hamburger.

Ma questo codice non funziona correttamente.

Guarda l’immagine, il codice sopra mostra questo risultato nella sezione Hamburger solo quando apro la sezione e ricarico. Dopo averla chiusa e riaperta, non viene più visualizzata.. per favore aiutami a risolvere il problema. Sono un principiante su Discourse.. In generale un principiante di programmazione :innocent:

Leaderboard
Leaderboard466×494 45.9 KB

Grazie in anticipo. :pray:

2

Penso che tu debba informarti su handlebars connectors e api.onPageChange

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

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

Il modo più semplice è esaminare un template di argomento.

decorateWidget

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

3

Bcat Grazie, caro.. Certamente imparerò tutto ciò che hai menzionato e pubblicherò la soluzione qui.