swiper 动态数据添加初始化滑动不触发回调 active没变为什么

Question

 $('.home .buildingB').on('click', function () {
        $.ajax({
            url: url + '/default/list',
            type: 'GET',
            success: function (res) {
                var res = JSON.parse(res);
                $('.sales-netWork .header h2').text(+res.data.length + '家配销公司');
                var parent = $('.sales-netWork .swiper-container .swiper-wrapper');
                parent.empty();
                $('.sales-netWork').show();
                res.data.forEach(function (val, index) {
                    var children = "<div class='swiper-slide' onclick='checkDetail($(this))'><input type='hidden' name='id' data-id=" + res.data[index].id + ">" + res.data[index].shop_name + "</div>";
                    parent.append(children);

                });
                var mySwiper = new Swiper('.swiper-container', {
                    speed: 800,
                    slidesPerView: 5,
                    centeredSlides:false,
                    spaceBetween: 0,
                    freeMode: true,
                    // autoplay: 600,
                    observer:true,//修改swiper自己或子元素时，自动初始化swiper
                    observeParents:true,//修改swiper的父元素时，自动初始化swiper
                    autoplayDisableOnInteraction : false,
                    onTransitionEnd: function(swiper){
                        console.log(swiper.activeIndex) //切换结束时，告诉我现在是第几个slide
                    }
                });
            }
        })
    });

不触发打印不出东西 元素的active也不变