Flickity Complete Event bei Initialisierung mit HTML

Question

Gibt es ein Ereignis, das ich hören kann, wenn Flickity die Initialisierung beendet hat?

Wenn ich mit JavaScript initialisiere, kann ich ein Ereignis selbst auslösen, aber mit dieser Einstellung habe ich keine Ahnung.

initialisieren mit HTML
http://flickity.metafizzy.co/#initialize-with-html

<div data-flickity='{ … }'> 
    … 
</div> 

Derzeit bin ich überprüft, ob Flickity erzeugt hat es DOM-Elemente ist, aber das ist nicht sehr elegant. :-)

Answer 1

Sie können dies versuchen:

Flickity.prototype.on ('activate', function() { alert ("aktiv")});

Flickity.prototype.on('activate',function(){ 
 
alert("active")});

/* external css: flickity.css */ 
 

 
* { box-sizing: border-box; } 
 

 
body { font-family: sans-serif; } 
 

 
.carousel { 
 
    background: #EEE; 
 
} 
 

 
.carousel-cell { 
 
    width: 100%; 
 
    height: 200px; 
 
    margin-right: 10px; 
 
    background: #8C8; 
 
    border-radius: 5px; 
 
    counter-increment: gallery-cell; 
 
} 
 

 
/* cell number */ 
 
.carousel-cell:before { 
 
    display: block; 
 
    text-align: center; 
 
    content: counter(gallery-cell); 
 
    line-height: 200px; 
 
    font-size: 80px; 
 
    color: white; 
 
}

<script src="https://npmcdn.com/flickity@2/dist/flickity.pkgd.js"></script> 
 
<!-- Flickity HTML init --> 
 
<div class="carousel" id="carousel" data-flickity> 
 
    <div class="carousel-cell"></div> 
 
    <div class="carousel-cell"></div> 
 
    <div class="carousel-cell"></div> 
 
    <div class="carousel-cell"></div> 
 
    <div class="carousel-cell"></div> 
 
</div>