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

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

5

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • qq_36022290 zhenyu-s5 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
    如果有用望采纳

    点赞 评论 复制链接分享
  • dabocaiqq dabocaiqq 2年前