当 Flickity 完成初始化时,是否有我可以收听的事件?
使用 JavaScript 初始化时,我可以自己触发一个事件,但使用此设置我不知道。
使用 HTML
http://flickity.metafizzy.co/#initialize-with-html初始化
<div data-flickity='{ … }'>
…
</div>
目前,我正在检查 Flickity 是否生成了它的 DOM 元素,但这不是很优雅。:-)
当 Flickity 完成初始化时,是否有我可以收听的事件?
使用 JavaScript 初始化时,我可以自己触发一个事件,但使用此设置我不知道。
使用 HTML
http://flickity.metafizzy.co/#initialize-with-html初始化
<div data-flickity='{ … }'>
…
</div>
目前,我正在检查 Flickity 是否生成了它的 DOM 元素,但这不是很优雅。:-)
你可以试试这个:
Flickity.prototype.on('activate',function(){ alert("active")});
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>