Bootstrap tab标签页下Swiper失效

rbridomzmr

Bootstrap tab标签页下失效
<ul class="nav nav-tabs">
   <li class="active"><a href="#aa" data-toggle="tab">1</a></li>
   <li><a href="#bb" data-toggle="tab">1</a></li>
   <li><a href="#cc" data-toggle="tab">1</a></li>
</ul>

    <div class="tab-pane active" id="aa"></div>

    <div class="tab-pane" id="bb"></div>

    <div class="tab-pane" id="cc">
        <div class="swiper-container sp3" >
            <div class="swiper-wrapper">
            <div class="swiper-slide"> <img src="/20150128112101_63946.jpg"/></div>
            <div class="swiper-slide"><img src="/20150128112034_38150.jpg" /></div>
            <div class="swiper-slide"><img src="/20150128112024_90091.jpg" /></div</div>
</div>

    </div>


<script type="text/javascript">
    var swiper3 = new Swiper('.sp3', {
        grabCursor: true,
        loop: true
});
    </script>

VaneHay

我也遇到过这个问题了，困扰了一天，现在解决了。
方法如下：
添加            observer:true,
            observeParents:true 这两个参数

还不明白请看  http://www.idangero.us/swiper/forum/#!/?Bootstrap   么么哒