帮助我在汉堡菜单部分追加 HTML 代码

支持
1

大家好，

希望大家一切顺利！

这是我的代码，请帮忙看一下：

<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>Leader Board</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>

我想将我的 HTML 代码（排行榜）附加到汉堡菜单部分。

但这段代码无法正常工作。

请见图片：上面的代码仅在打开汉堡菜单并刷新页面时才显示结果。关闭后再打开汉堡菜单时，内容就不再显示了。请帮我修复这个问题。我是 Discourse 的新手，编程方面也是新手：innocent:

Leaderboard
Leaderboard466×494 45.9 KB

提前感谢！:pray:

1 个赞
2

我认为你需要了解 Handlebars 连接器 和 api.onPageChange。

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

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

最简单的办法是查看主题模板。

decorateWidget

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

6 个赞
3

Bcat 谢谢亲爱的……我肯定会学习你提到的所有内容，并在这里发布解决方案。

2 个赞