Swiper中文论坛

标题: Bootstrap tab标签页下Swiper失效 [打印本页]

作者: rbridomzmr 时间: 2015-6-2 09:13
标题: Bootstrap tab标签页下Swiper失效
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 时间: 2015-10-27 09:39
我也遇到过这个问题了，困扰了一天，现在解决了。
方法如下：
添加          observer:true,
         observeParents:true 这两个参数

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

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)