ws:init not working

[pjebs]

It appears that ws:init event is not working

[pjebs]

     window.ws = new WebSlides({
        changeOnClick: true,
        loop: false,
      });

      window.ws.el.addEventListener('ws:init', function (e) {
                console.log("ws:init");
      });

[pjebs]

@Antonio-Laguna @jlantunez Is this possibly a regression?

[Antonio-Laguna]

I don't think so since this hasn't changed. I think the event has fired by the time you're attaching the event listener.

Do it like this:

document.body.addEventListener('ws:init', function (e) {
    console.log("ws:init");
});

window.ws = new WebSlides({
    changeOnClick: true,
    loop: false,
});

[pjebs]

Can you update docs? (in repo's wiki)

[Antonio-Laguna]

Added a note there.

[pjebs]

Thanks

[pjebs]

@Antonio-Laguna your suggestion doesn't work.

[pjebs]

The docs state: WebSlides fires events on the WebSlide's element.

So I tried your suggestion on the element too and still didn't work. (window.ws doesn't exist at this point.)

      window.ws.el.addEventListener('ws:init', function (e) {
                console.log("ws:init");
      }); // window.ws doesn't exist at this point.
     window.ws = new WebSlides({
        changeOnClick: true,
        loop: false,
      });

[Antonio-Laguna]

Needs to go as I wrote above. The event bubbles so it'll reach the body.

[pjebs]

@Antonio-Laguna I tried what you wrote:

document.body.addEventListener('ws:init', function (e) {
    console.log("ws:init");
});

window.ws = new WebSlides({
    changeOnClick: true,
    loop: false,
});

It doesn't work.

[pjebs]

Can we reopen this?

[pjebs]

For future readers, here is my work-around. It's a dirty hack but works.

Add this after your code.

<script type="text/javascript" defer>document.body.dispatchEvent(new Event('ws:init'));</script>

[Antonio-Laguna]

Sure!