2017-10-10 57 views
0

我正在尝试在drupal 8上设置滑动滑块,它似乎不起作用,并且在设置这个时支持几乎没有被发现。Drupal 8上的滑动滑块

我得到了滑块加载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> 
+0

您的浏览器控制台显示什么?有JS错误吗?箭头上的点击事件侦听器是什么?您可以从“元素”面板中获得此信息。 –

回答

0

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

我用bootstrap 4(v.4.0.0-beta.2)安装了flickity(v.8.x-2.2),它们似乎并没有很好的结合在一起。将Bootstrap降级到3(v.3.3.7),并且它正常工作。

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