Question

我正在尝试将一个Cycle2放在一个javascript下拉列表中，但是下一个和上一个按钮没有响应。

这是代码。

<div class="dropdown">
  <button onclick="myFunction()" class="dropbtn"></button>
<div id="myDropdown" class="dropdown-content">

<div class="cycle-slideshow"
data-cycle-swipe=true
data-cycle-swipe-fx=scrollHorz
data-cycle-timeout=0
data-cycle-prev=".prev"
data-cycle-next=".next"
data-cycle-slides="> div"
>

<div style="background:#fcc">
  <p>Lorem Ipsum...1</p>
</div>
<div style="background:#cfc">
  <p>Lorem Ipsum...2</p>
</div>
<div style="background:#ccf">
  <p>Lomem Ipsum...3</p>
</div></div>

<div class="center">
<a href=# id="prev">Prev</a>
<a href=# id="next">Next</a> </div>

有人可以帮我这个吗？

Answer 1

您正在使用类选择器而不是ID选择器。这些元素上没有prev或next类

尝试更改

data-cycle-prev=".prev"
data-cycle-next=".next"

要

data-cycle-prev="#prev"
data-cycle-next="#next"

在下拉列表中循环2

1 个答案: