swiper问题

swiper问题

每组滑动效果都是用swiper-container的类包起来,如果我同个页面中要放几组不同的滑动效果要怎么办?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,问题解答如下:

1、这样变量值确实会被覆盖

http://img1.sycdn.imooc.com//climg/5fd5bbb20907264e04040169.jpg

但是如果后面没有对mySwiper变量进行操作的话,这样也可以,但是尽量保持变量名称不一致,老师只是举一个类名不同的例子,忘记修改变量了。

2、swiper-container类尽量保留着,因为idangerous.swiper2.7.6.css中有关于类的样式,会使用到。

祝学习愉快!

好帮手慕星星 2020-12-13 11:28:24

同学你好,可以在swiper-container之外添加不同的类,例如:

http://img1.sycdn.imooc.com//climg/5fd58a250906560c07380258.jpg

js中选择不同的类即可

http://img1.sycdn.imooc.com//climg/5fd58a530977883506760176.jpg

祝学习愉快!


  • 提问者 人生的起源 #1

    http://img1.sycdn.imooc.com//climg/5fd598860983895606540173.jpg

    但是这里实例化的对象名称相同,后面会覆盖前面,这样也可以吗?

    2020-12-13 12:29:50
  • 提问者 人生的起源 #2
    再问下,如果外层用不同的类名,swiper-container这个类还需要保留吗?
    2020-12-13 12:55:27
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师