swiper 調完接口不能翻頁,點擊下一頁沒反應,不能輪播;
點擊,上一頁,下一頁後執行函數
<script src="../Scripts/swiper.min.js"></script>
<script>
function sow() {
var nowguid = $(".swiper-slide-active").attr('guid');
var li = $('.two').find('li')
li.each(function () {
if (this.getAttribute('guid') == nowguid) {
$(this).addClass('active').siblings('li').removeClass('active');
$(this).parent().parent().parent().find('.icon-jiantou').removeClass('icon-jiantou').addClass('icon-xiajiantou')
$(this).closest('.two').show();
return false
}
})
}
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
parallax: true,
speed: 600,
observer: true,//調完接口不能翻頁解決方法,修改swiper自己或子元素時,自動初始化swiper
observeParents: true,//調完接口不能翻頁解決方法,修改swiper的父元素時,自動初始化swiper
onSlideNextEnd: function (swiper) {
sow()
},
onSlidePrevEnd: function (swiper) {
sow()
}
});
</script>