当前位置: 首页 > 文档资料 > iSlider 中文文档 >

事件

优质
小牛编辑
129浏览
2023-12-01

在初始化时传入,也可通过实例方法”on”进行事件注册。

作为初始化参数时需要以on开头且全为小写,绑定时为驼峰命名。

不同的回调方法由于所处场景不同,传入的参数会存在区别。

示例:

var S = new iSlider({..., onslidechanged: callBack, ...});
S.on('slideChanged', callBack);

initialize

  • 初始化开始(在调用setting后,渲染之前)
  • 参数:无

initialized

  • 初始化完成时(渲染之后)触发
  • 参数:无

pluginInitialize (未开启)

  • (每个)插件初始化时触发
  • 参数:无

pluginInitialized

  • 全部插件初始化完成时触发
  • 参数:无

renderComplete

  • 当外容器渲染完成时触发
  • reset、loadData触发之前会触发
  • 参数
    • {Number} 当前数据索引
    • {HTMLElement} 当前场景元素

slideStart

  • 当手指触屏时触发
  • 参数
    • {Object} 事件(Event)对象

slide

  • 当手指滑动时触发
  • 参数
    • {Object} 事件(Event)对象

slideEnd

  • 当手指离开时触发
  • 参数
    • {Object} 事件(Event)对象

slideChange

  • {Function}
  • 当场景发生改变时触发
  • 参数
    • {Number} 当前数据索引
    • {HTMLElement} 当前场景元素

slideChanged

  • {Function}
  • 当场景改变完成(动画完成)时触发
  • 执行loadData时触发
  • 参数
    • {Number} 当前数据索引
    • {HTMLElement} 当前场景元素

slideRestore

  • {Function}
  • 当场景未发生变化(回弹,动画完成)时触发
  • 参数
    • {Number} 当前数据索引
    • {HTMLElement} 当前场景元素

slideRestored

  • {Function}
  • 当场景未发生变化完成(回弹动画完成)时触发
  • 执行reset时触发
  • 参数
    • {Number} 当前数据索引
    • {HTMLElement} 当前场景元素

loadData

  • {Function}
  • 当数据重置(执行loadData方法)时触发
  • 参数
    • {Number} 当前数据索引
    • {HTMLElement} 当前场景元素

reset

  • {Function}
  • 当场景重置(手机屏幕旋转、resize)时触发
  • 参数
    • {Number} 当前数据索引
    • {HTMLElement} 当前场景元素

destroy

  • {Function}
  • 当iSlider销毁时触发
  • 参数:无