xl1090453281
2019-05-22 18:12
采纳率: 93.8%
浏览 448

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

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

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • zhenyu-s5 2019-05-23 17:04
    已采纳
    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
    如果有用望采纳

    已采纳该答案
    打赏 评论
  • dabocaiqq 2019-05-23 00:34
    打赏 评论

相关推荐 更多相似问题