如何在页面中实现多个轮播效果，使用的是sui框架

chenlu632 · 发表于 2015-11-16 17:31:53

各位大神，小弟想请教一下如何实现多个轮播效果，我在页面中做了两个，但是奇怪的是页面中所有轮播的pagination的数量都是最后一个轮播的pagination数，这怎么回事呀？

admin · 发表于 2015-11-17 10:22:58

要区分下pagination

chenlu632 · 发表于 2015-11-18 11:02:57

admin 发表于 2015-11-17 10:22
要区分下pagination

我在已经为两个slider-container都添加了不同的父标签，通过父标签来区分他们，但还是没有用。。。

chenlu632 · 发表于 2015-11-18 11:13:29

admin 发表于 2015-11-17 10:22
要区分下pagination

不对不对我理解错了不知道怎么区分pagination，因为用的是sui框架，所以就用了它自定义的一个方法
<script>
$(function() {
$(".s_project .swiper-container").swiper();
$(".headlunbo .swiper-container").swiper();
});
</script>

chenlu632 · 发表于 2015-11-18 11:14:17

admin 发表于 2015-11-17 10:22
要区分下pagination

不对不对我理解错了不知道怎么区分pagination，因为用的是sui框架，所以就用了它自定义的一个方法
<script>
   $(function() {
   $(".s_project .swiper-container").swiper();
   $(".headlunbo .swiper-container").swiper();
   });
</script>
这里不知道怎么改

guos · 发表于 2015-11-18 11:21:56

<div class="pagination"></div>中的pagination分别用不同的名字来命名，区分开试试

chenlu632 · 发表于 2015-11-18 11:31:57

guos 发表于 2015-11-18 11:21
中的pagination分别用不同的名字来命名，区分开试试

可是我上面一个由于要做banner的，所以上面的图就用了pagination，下面的菜单栏就没有加，但由于上面的banner有3页，菜单栏有2页，两个都变味slider后，原本banner上应该有三个pagination的变为了两个了，而且还不是随着banner的移动而改变的，而是根据菜单栏的来改变的。。。

guos · 发表于 2015-11-18 11:41:00

你试试在下面菜单栏也加一个，然后用样式把不要显示的隐藏掉

remenbo@163.com · 发表于 2015-11-26 02:27:20

我也是这个问题好多天了不知道楼主怎么解决的

tvrfqbmnm · 发表于 2015-11-26 08:57:15

把源码贴出来，这样才能看到问题的本质。