JSの初期化子で要素を動かす？

開発
1

このコードがありますが、ボタン要素がサイドバーに移動しません。何か間違っていますか？

javascripts/discourse/initializers で：

import { apiInitializer } from "discourse/lib/api";
import CustomHeaderTopicButton from "../components/custom-header-topic-button";

export default apiInitializer((api) => {
  api.renderInOutlet("below-site-header", CustomHeaderTopicButton);

  document.addEventListener("DOMContentLoaded", function() {
    const newTopicBtn = document.getElementById("new-topic-button");
    const sidebar = document.getElementById("d-sidebar");
    if (newTopicBtn && sidebar) {
      sidebar.insertBefore(newTopicBtn, sidebar.firstChild);
    }
  });
});
2

サイドバーの一番上にボタンを追加しようとしている場合は、代わりに before-sidebar-sections プラグインのアウトレットを使用することをお勧めします。

image
image312×110 4.34 KB

Emberによって生成されたHTMLを移動するのは良い考えではないようです。

3

それが…存在するんですか？？すごい、ありがとうございます。