js,jq怎么实现滑动一张图片就刷新一次页面?

如图,星球的滑动是用swiper插件做的图片说明,请问怎么实现图二的这种效果?图片说明,滑动一次星球,就刷新一下居民?就比如滑到下一个绿色星球,上面的居民也更新一下,图片说明
麻烦上一下代码,感谢各位大佬!

2个回答

var mySwiper = new Swiper('.swiper-container', {
  on: {
    slideChange: function () {
      console.log(this.activeIndex);
            //获取到了当前星球的编号然后就可以编写你的AJAX代码,获取新的数据就行了
    },
  },
};
//或者这个:
var mySwiper = new Swiper('.swiper-container',{
  on: {
    slideChangeTransitionStart: function(){
      alert(this.activeIndex);
            //获取到了当前星球的编号然后就可以编写你的AJAX代码,获取新的数据就行了
    },
  },
})

原文档地址
https://www.swiper.com.cn/api/event/91.html
https://www.swiper.com.cn/api/parameters/351.html
如果有用望采纳

xl1090453281
xl1090453281 不太懂
6 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!