createElements
自动创建元素。启用后,Swiper 将使用 swiper-wrapper 元素自动包装slides,并为启用的导航、分页器和滚动条创建所需的元素(使用它们各自的参数对象或使用true))
createElements信息
- 类型:
- boolean
- 默认:
- false
- 举例:
- true
- 启用版本:
- 6.7.0
效果演示
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<div class="swiper"></div>
<script>
var mySwiper = new Swiper('.swiper', {
pagination:{
auto: true,//不可以定义el,并要增加auto属性
type: 'fraction',
},
navigation: true,//不需要自动创建元素的话定义el就行
scrollbar: true,
createElements: true,//自动生成元素
})
mySwiper.addSlide(1, '<div class="swiper-slide">Slide 1</div>');
mySwiper.addSlide(2, '<div class="swiper-slide">Slide 2</div>');
mySwiper.addSlide(3, '<div class="swiper-slide">Slide 3</div>');
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/parameters/478.html