Question

我试图在drupal 8上设置Flickity滑块，它似乎无法正常工作，并且设置它的支持几乎没有找到。

我得到了滑块加载2张图片，但它似乎不起作用（不滑动，但我去左右箭头）。如果有任何机构成功完成，请让我知道设置。

以下是drupal页面上的HTML。

<div class="flickity-viewport" style="height: 1054.68px;">
<div class="flickity-slider" style="right: 0px; transform: translateX(0%);">
<div class="gallery-cell item-0 is-selected" style="position: absolute; right: 0%;"> 
<div class="views-field views-field-field-slider-image"><div class="field-content">
<img src="/drupm/sites/default/files/2017-10/bg5.jpg" alt="bg3" typeof="foaf:Image" class="img-fluid" width="1920" height="1080">
</div>
<div class="gallery-cell item-1" style="position: absolute; right: 100%;"> 
<div class="views-field views-field-field-slider-image">
<div class="field-content">
<img src="/drupm/sites/default/files/2017-10/bg3_0.jpg" alt="bg1" typeof="foaf:Image" class="img-fluid" width="1920" height="1080">
</div></div>
</div></div></div>

Answer 1

感谢您检查控制台的提示，我完全忘了。

我使用bootstrap 4（v.4.0.0-beta.2）安装了flickity（v.8.x-2.2），但它们似乎并不能很好地协同工作。将Bootstrap降级为3（v.3.3.7）并且它可以正常工作。

我远离Bootstrap 4直到它变得稳定。

Drupal 8上的Flickity滑块

1 个答案: