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

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

各位大神，小弟想请教一下如何实现多个轮播效果，我在页面中做了两个，但是奇怪的是页面中所有轮播的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

把源码贴出来，这样才能看到问题的本质。
页: [1] 2
查看完整版本: 如何在页面中实现多个轮播效果，使用的是sui框架