swiper常用总结

一、给当前点击的swiper-slide,添加一个class

   <script>
        var mySwiper = new Swiper('#swiper1', {
   
            slidesPerView: 5,
            on: {
   
                click: function () {
   
                    // alert(this.clickedIndex);
                    var index = this.clickedIndex;
                    a(index)
                }
            }
        })

        function a(i) {
   
            $("#swiper1 .swiper-slide").eq(i).addClass('active').siblings().removeClass('active');
        }
    </script>

二、触屏tab切换（选项卡）

<div class="tabs">
    <a href="#" class="active">新闻</a>
    <a href="#">社会</a>
    <a href="#">娱乐</a>
</div>
<div id="tabs-container" class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <ul class="news-list">
                <li>女子强行阻拦高铁发车 称其丈夫没上车</li>
                <li>小马奔腾创始人妻子被判赔2亿债务</li>
                <li>杭州女子将200平荒地改造成“秘密花园”</li>
                <li>“紫光阁饭店”事件，乌龙背后是热搜的生意</li>
                <li>最美乘务员冒雪挨个扶旅客下火车</li>
                <li>五月天周杰伦再度合体</li>
                <li>张馨予被赞模特身材</li