我是flickity的新手,我想对单元格进行分组并同时显示点。但是在我的项目中,它们似乎是相互排斥的,我可以对单元格进行分组或显示点,即使从这个codepen,它们也可以很好地协同工作。
我究竟做错了什么?
这是我的代码
我的页面:
这个 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 }\' >' +
... +
这是我的指令的链接方法中的jquery :
$('#productSlider.gallery').flickity({
// options
cellAlign: 'center',
freeScroll: true,
wrapAround: false,
contain: true,
autoPlay: 0,
prevNextButtons: false,
pageDots: false
});
在这种情况下,单元格被正确分组,但我没有看到点。为了看到这些点,我需要删除 groupCells 属性。
我究竟做错了什么?
注意:此代码在同一页面内工作。
谢谢