Bewegendes Element in einem JS-Initializer?

Entwickler
1

Ich habe diesen Codeausschnitt:

In 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);
    }
  });
});

Und doch verschiebt es das Button-Element nicht in die Seitenleiste. Mache ich etwas falsch?

2

Wenn Sie versuchen, eine Schaltfläche oben im Seitenbereich hinzuzufügen, sollten Sie stattdessen den before-sidebar-sections-Plugin-Outlet verwenden.

image
image312×110 4.34 KB

Es scheint keine gute Idee zu sein, von Ember generiertes HTML zu verschieben.

1 „Gefällt mir“
3

Das… gibt es?? Wow, danke.

1 „Gefällt mir“
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.