كيفية استخدام api.onPageChange مع api.createWidget؟

مطور
2

هذه محاولتي الأكثر ملاءمة. عندما أقوم بتشغيلها بدون الدالة api.onPageChange(() فإنها تعمل، ولكنها لا تقوم بخلط الصورة عشوائيًا حتى أقوم بتحديث الصفحة بالكامل. عندما أضيف الدالة api.onPageChange(() فإنها لا تعرض أي صورة على الإطلاق. أي نصائح حول ما أفعله بشكل خاطئ؟

<script type="text/discourse-plugin" version="0.8">

api.onPageChange(() => {
        doStuff();
});

function doStuff() {

const h = require("virtual-dom").h;

let banners = new Array();
banners[0]="https://example.com/uploads/default/original/1X/9d9762a4129c78c478d14ff857c3bd1f2be0322a.jpg";
banners[1]="https://example.com/uploads/default/original/1X/04ede2abd9ac117c64988a5b0bcf033474381527.jpg";

let GoTo = new Array();
GoTo[0]="https://google.com";
GoTo[1]="https://brave.com";

let Number = Math.round(1 * Math.random());
let TheLink = GoTo[Number];
let TheImage = banners[Number];

  api.createWidget("top-banner-widget", {
    tagName: "div.top-banner",
    html() {
    return h("div#top-banner", [
      h(
        "a.custom-ad-link",
        { href: TheLink },
        h("img", { src: TheImage })
      )
    ]);
    }
  });
}
</script>

<script type="text/x-handlebars" data-template-name="/connectors/above-main-container/inject-widget">
  {{mount-widget widget="top-banner-widget"}}
</script>
إعجاب واحد (1)