bootstrap的Tab页里放swiper轮播图

Tab页里放轮播图经常切换到第二个tab页面的时候轮播图不生效，下面可以实现切换tab页面时初始化当前tab页面的轮播图

$('.media_tab a[data-toggle="tab"]').on('show.bs.tab', function(e) {
				// tab切换时，往swiper容器里存入一个swiper实例，如果相应的实例已经存在，跳过
				var selector = '.media_swiper_' + ($(this).parent().index() + 1)
				if (swiperObj[selector]) {
					return
				}
				swiperObj[selector] = initSwiper(selector)
			})
			// 默认触发显示的tab事件
			$('.media_tab .active a[data-toggle="tab"]').trigger('show.bs.tab')


			/**
			 * @param {Object} index tab下标
			 * @return {Object}
			 */
			function initSwiper(selector) {
				setTimeout(function () {
					return new Swiper(selector, {
						pagination: '.swiper-pagination',
						slidesPerView: 5,
						paginationClickable: true,
						spaceBetween: 20,
						observer: true,
						observerParents: true
					})
				}, 200)
			}