Слушайте Flickity "autoPlay" события - PullRequest
Новая
       22

Слушайте Flickity "autoPlay" события

0 голосов
/ 26 марта 2020

Flickity приостановит автоматическое воспроизведение слайдера, когда вы наводите курсор на слайдер, и полностью остановит его, когда вы щелкнете по нему: https://flickity.metafizzy.co/options.html#autoplay.

Я пытаюсь отправить события Flickity "autoPlay" со следующим кодом: 

[].forEach.call(["play", "stop", "pause", "unpause"], function(action) {
  var methodName = action + "Player";

  Flickity.prototype[methodName] = function() {
    this.player[action]();
    this.dispatchEvent(methodName);
  };
});

Затем прослушать эти события с помощью: 

window.addEventListener("load", function() {
  var flkty = Flickity.data("[data-flickity]");

  flkty.on("playPlayer", function() {
    alert("Played");
  });

  flkty.on("stopPlayer", function() {
    alert("Stopped");
  });

  flkty.on("pausePlayer", function() {
    alert("Paused");
  });

  flkty.on("unpausePlayer", function() {
    alert("Unpaused");
  });
});

Функциональный пример: https://codepen.io/Deka87/pen/zYGMpvw?editors=0010.

Однако срабатывает только событие stopPlayer. Есть идеи?

...