javascript - carouFredSel 滑块 - 上一个、下一个和分页不起作用

Question

我正在carouFredSel为我正在制作的网站使用 jquery 插件。我在使用“ prev ”、“ next ”和“ pagination ”容器时遇到了一些问题。图像显示并开始滑动，但我无法导航（上一个/下一个），我看不到分页本身..

你可以在这里看到页面：http: //goo.gl/pJLNN

滑块位于顶部。Caroufredsel 在 DOM 准备好后在 bbody.js 中初始化。有没有人有任何想法？

Answer 1

为了更正图像位置，您需要添加或更改每个图像容器的绝对位置。

由于您选择的动画类型是交叉淡入淡出，因此所有图像必须彼此重叠才能使其工作，否则默认情况下它们是相邻的。

所以在css中放这个：

#rotate > div {
float: left;
display: block;
width: 100%;
height: 650px;
position: absolute;
left: 0;
}

要更正下一个和上一个，您需要对 js 进行一个小修复，这是调用按钮的正确方法

prev: {
       button  : "#msprev"
},
next: {
       button  : "#msnext"
},

分页也是如此，纠正它：

pagination: {
    container: '#pager'
}

Answer 2

对于面临此问题的其他任何人，上一个、下一个和分页链接不起作用的另一个原因是元素 ID 可能已在您页面的其他位置重复。我有

prev: {
       button  : "#prev3"
},
next: {
       button  : "#next3"
},

页面上有两个元素id="prev3。对id="next3". 一旦我更改了 ID 以使其唯一，导航就开始正常工作。