history
设为任意string则开启history并以这个string为URL前缀。
在slide切换时无刷新更换URL和浏览器的history.state(pushState)。这样每个slide都会拥有一个自己的URL。
使用history还必需在slide上增加一个属性data-history，例<div class="swiper-slide" data-history="slide1"></div>
开启history会取消hashnav。
在slide切换时无刷新更换URL和浏览器的history.state(pushState)。这样每个slide都会拥有一个自己的URL。
使用history还必需在slide上增加一个属性data-history，例<div class="swiper-slide" data-history="slide1"></div>
开启history会取消hashnav。
history参数
- 类型：
- string
- 默认：
- 举例：
- slides
- 启用版本：
- 3.4.0
使用方法示例
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" data-history="1">
Slide 1</div>
<div class="swiper-slide" data-history="Slide 2">
Slide 2</div>
<div class="swiper-slide" data-history="3">
Slide 3</div>
</div>
</div>
<script>
var swiper = new Swiper('.swiper-container', {
history: 'love',
});
</script>转载原创文章请注明：文章转载自：Swiper中文网 [https://3.swiper.com.cn]
本文地址：https://3.swiper.com.cn/api/basic/2016/1029/317.html