大佬教程收集整理的这篇文章主要介绍了jquery – Flickity 2 – groupCells和pageDots不能同时工作，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我究竟做错了什么？
这是我的代码
我的页面：
这个html是我的angularjs自定义指令中模板的一部分：
app.directive('productSlider',function ($rootScope,$compile,$timeout,$sce,$location,$window) {
return {
restrict: 'E',template: '<section id="products" >' +
'<div class="prodotti-int gallery js-flickity" id="productSlider" data-flickity=\'{ "groupCells": 4 }\' >' +
... +
$('#productSlider.gallery').flickity({
// options
cellAlign: 'center',freeScroll: true,wrapAround: false,contain: true,autoPlay: 0,prevNextButtons: false,pageDots: false
});
在这种情况下,细胞被正确分组,但我没有看到点.
为了看到点,我需要删除groupCells属性.
我究竟做错了什么？
谢谢
$('.carousel').flickity({
contain: true,groupCells: 4
});
/* external css: flickity.css */
* { Box-sizing: border-Box; }
body { font-family: sans-serif; }
.carousel {
background: #EEE;
}
.carousel-cell {
width: 28%;
height: 200px;
margin-right: 10px;
background: #8C8;
border-radius: 5px;
counter-increment: carousel-cell;
}
.carousel-cell.is-selected {
background: #ED2;
}
/* cell number */
.carousel-cell:before {
display: block;
text-align: center;
content: counter(carousel-cell);
line-height: 200px;
font-size: 80px;
color: white;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/flickity@2.0/dist/flickity.css" media="screen">
<script src="https://unpkg.com/flickity@2.0/dist/flickity.pkgd.min.js"></script>
<h1>Flickity - groupCells</h1>
<div class="carousel" id="mycarousel" data-flickity='{"groupCells": 4 }'>
<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 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 class="carousel-cell"></div>
</div>
我希望它有所帮助.
以上是大佬教程为你收集整理的jquery – Flickity 2 – groupCells和pageDots不能同时工作全部内容，希望文章能够帮你解决jquery – Flickity 2 – groupCells和pageDots不能同时工作所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。