carouFredSel滑块-上一页，下一页和分页不工作

carouFredSel slider - prev,next and pagination not working

本文关键字：一页 分页 工作 滑块 carouFredSel      更新时间：2023-09-26

我正在使用carouFredSel jquery插件为我正在制作的网站。我有一些问题与"prev"，"next"answers"分页"容器。图像显示出来并开始滑动，但我无法导航(上一页/下一页)，也看不到分页本身。

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

滑块位于顶部。Caroufredsel在DOM就绪时在body.js中初始化。有人有什么想法吗?

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

因为你选择的动画类型是交叉渐变，那么所有的图像必须在彼此的顶部使其工作，否则默认情况下是彼此相邻。

所以在css中加入这个: 

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

要纠正next和prev，你需要对js做一个小的修正，这是调用按钮

的正确方式。
prev: {
       button  : "#msprev"
},
next: {
       button  : "#msnext"
},

同样发生在分页，纠正它:

pagination: {
    container: '#pager'
}

对于其他面临这个问题的人，另一个原因是上一个，下一个&分页链接不起作用是因为元素id可能在页面的其他地方被复制了。我有

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

页面上有两个具有id="prev3的元素。id="next3"也是一样。一旦我改变了id，使它们唯一，导航开始正常工作。

相关文章：