テーマコンポーネントでスクリプトを再実行する方法

Marvelxy · 2021 年 5 月 24 日午後 10:17

Thanks, @osioke, and @michaeld , I found exactly what I’ve been looking for after going through this theme-component: Homepage Feature Component

github.com

discourse/discourse-homepage-feature-component/blob/main/javascripts/homepage-featured-topics/connectors/above-main-container/homepage-featured-topics.js.es6

import { ajax } from "discourse/lib/ajax";
import Topic from "discourse/models/topic";
import { withPluginApi } from "discourse/lib/plugin-api";

const FEATURED_CLASS = "homepage-featured-topics";

export default {
  setupComponent(args, component) {
    const topMenuRoutes = Discourse.SiteSettings.top_menu
      .split("|")
      .filter(Boolean)
      .map((route) => `/${route}`);

    const homeRoute = topMenuRoutes[0];

    withPluginApi("0.1", (api) => {
      api.onPageChange((url) => {
        if (!settings.featured_tag) {
          return;
        }

This file has been truncated. show original

トピック		返信	表示
Javascript not re-running between different pages Support	2	416	2020 年 12 月 23 日
Javascript in theme component only runs once? Support	8	1766	2019 年 2 月 10 日
How do you force a script to refire on every page load in Discourse? Dev	39	20565	2020 年 11 月 26 日
[newbie] Trouble adding script to dynamically change CSS values based on conditions Support	10	1628	2024 年 6 月 8 日
Rerender on new route or transition Dev	8	1577	2023 年 5 月 27 日

テーマコンポーネントでスクリプトを再実行する方法

関連トピック