<div class="container"><div class="tabs"><a href="#" hidefocus="true" class="active"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/tab1.png" width="100%"></a><a href="#" hidefocus="true"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/tab2.png" width="100%"></a></div><div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide"><div class="content-slide"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/1-1.jpg" width="100%"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/1-2.jpg" width="100%"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/1-3.jpg" width="100%"></div></div><div class="swiper-slide"><div class="content-slide"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/2-1.jpg" width="100%"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/2-2.jpg" width="100%"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/2-3.jpg" width="100%"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/2-4.jpg" width="100%"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/2-5.jpg" width="100%"><img src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/images/2-6.jpg" width="100%"></div></div></div></div></div><script type="text/javascript" src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/files/jquery-1.10.1.min.js"></script><script type="text/javascript" src="http://imgd2.soufunimg.com/2015/05/06/chengdu/gebz/3e3fc71e76394f90b34e5399ebdaebe5/files/idangerous.swiper.min.js"></script><script type="text/javascript">var tabsSwiper = new Swiper('.swiper-container',{speed:500,onSwiperCreated:function(){var H=$(".content-slide").eq(0).height();$(".swiper-wrapper").css('height', H+'px');$(".swiper-slide").css('height', H+'px');},onSlideChangeStart: function() {var H = $(".content-slide").eq(tabsSwiper.activeIndex).height();$(".tabs .active").removeClass('active');$(".tabs a").eq(tabsSwiper.activeIndex).addClass('active');$(".swiper-slide").css('height', H + 'px');$(".swiper-wrapper").css('height', H + 'px');},});$(".tabs a").on('touchstart mousedown',function(e){var index=$(this).index();e.preventDefault()tabsSwiper.swipeTo(index);$(".tabs .active").removeClass('active');$(this).addClass('active');});$(".tabs a").click(function(e){e.preventDefault();});</script>
選項卡功能,打開頁面的時候加載的不完整怎么辦,等切換一下然后切換回來的時候,就顯示全了
qq_光芒與你_0
2016-09-26 17:12:07