Class: Carousel

jsmod.ui. Carousel

基础的轮播控件,脱离 html、css。使用时传入一组 html 代码
Parameters:
Name Type Description
element string | dom 生成轮播控件的容器,若非通过 option.htmls 生成每个 则容器中的每一项需要制定 mod-carousel-item 的 className
option object 配置参数
Properties
Name Type Attributes Default Description
htmls Array.<string> <optional>
配置轮播的项目
className string <optional>
自定义 className
count int <optional>
1 每屏显示的个数
current int <optional>
0 当前显示的位置
interval int <optional>
500 调用 cur 时动画的持续时间
Source:

Methods

cur(index, callback, preventAnimate)

设置当前显示的项目,只有配置每屏显示 1 的时候起作用
Parameters:
Name Type Description
index int 项目索引
callback function 轮训动画完成后的回调
preventAnimate bool 是否阻止动画的显示
Source:
Fires:
  • jsmod.ui.Carousel#event:active

destroy()

Source:

getCurIndex()

获取cur状态的项目索引
Source:

getElement()

获取整个 carousel 容器
Source:

getItem(index)

获取指定位置的 item, 返回的数据中可能包括两个item
Parameters:
Name Type Description
index int 项目索引
Source:

next(callback)

显示下一个项目
Parameters:
Name Type Description
callback function 轮训动画完成后的回调
Source:

pre(callback)

显示前一个项目
Parameters:
Name Type Description
callback function 轮训动画完成后的回调
Source: