查看: 6340|回复: 10
打印 上一主题 下一主题

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

[复制链接]

该用户从未签到

1

主题

5

帖子

37

积分

新手上路

Rank: 1

积分
37
跳转到指定楼层
楼主
发表于 2015-11-16 17:31:53 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
各位大神,小弟想请教一下如何实现多个轮播效果,我在页面中做了两个,但是奇怪的是页面中所有轮播的pagination的数量都是最后一个轮播的pagination数,这怎么回事呀?
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
11#
发表于 2018-11-29 11:36:45 | 只看该作者
你好,你这个问题解决了没有?
回复 支持 反对

使用道具 举报

该用户从未签到

5

主题

30

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
11986
10#
发表于 2015-11-26 08:57:15 | 只看该作者
把源码贴出来,这样才能看到问题的本质。
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

10

帖子

40

积分

新手上路

Rank: 1

积分
40
9#
发表于 2015-11-26 02:27:20 | 只看该作者
我也是这个问题好多天了 不知道楼主怎么解决的
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

4

帖子

16

积分

新手上路

Rank: 1

积分
16
8#
发表于 2015-11-18 11:41:00 | 只看该作者
你试试在下面菜单栏也加一个,然后用样式把不要显示的隐藏掉
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

5

帖子

37

积分

新手上路

Rank: 1

积分
37
7#
 楼主| 发表于 2015-11-18 11:31:57 | 只看该作者
guos 发表于 2015-11-18 11:21
中的pagination分别用不同的名字来命名,区分开试试

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

使用道具 举报

该用户从未签到

0

主题

4

帖子

16

积分

新手上路

Rank: 1

积分
16
6#
发表于 2015-11-18 11:21:56 | 只看该作者
<div class="pagination"></div>中的pagination分别用不同的名字来命名,区分开试试
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

5

帖子

37

积分

新手上路

Rank: 1

积分
37
5#
 楼主| 发表于 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>
这里不知道怎么改
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

5

帖子

37

积分

新手上路

Rank: 1

积分
37
地板
 楼主| 发表于 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>
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

5

帖子

37

积分

新手上路

Rank: 1

积分
37
板凳
 楼主| 发表于 2015-11-18 11:02:57 | 只看该作者
admin 发表于 2015-11-17 10:22
要区分下pagination

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

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-5-20 09:08 , Processed in 0.078696 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表