Question

我正在使用Cycle2作为模板。用户可以根据需要在同一页面上添加尽可能多的滑块。问题是滑块1上的导航按钮也会滑动滑块2上的幻灯片：滑块不是独立的。

因为滑块是动态添加的，所以我不能只在代码中放置多个具有不同ID的滑块或其他东西。这也必须动态地完成（我想）。但这超出了我的编码技能...

你能帮帮我吗？

这是滑块的代码：

<div class="cycle-slideshow afbeeldingen-slider" data-cycle-fx="scrollHorz" data-cycle-slides="> div" data-cycle-prev=".cycle-prev" data-cycle-next=".cycle-next" data-cycle-timeout="0">   
  {% for afbeelding_voor_slider in afbeelding_slider.afbeeldingen_toevoegen %}
    {% include afbeelding_voor_slider %}
  {% endfor %}
<span class="buttons-wrapper">
  <span class="cycle-prev"> <i class="material-icons"> arrow_back </i></span> 
  <span class="cycle-next"> <i class="material-icons"> arrow_forward </i></span> 
</span>             
</div>

这是Cycle2的Github：https://github.com/malsup/cycle2

希望您有足够的信息可以使用。让我知道您是否还有其他需求！

大卫

一页上多个动态添加的Cycle2滑块出现导航按钮

0 个答案: