适用于移动端滑动切换tab组件
touchTab 横向滑动tab组件
适用于移动端横向滑动tab组件使用,通过对外暴露相应的事件完成相应的切换逻辑
###对外事件
@customEvent canTouchTabMove touchmove时触发,此时可处理滑动tab
@customEvent clearTouchTabMove touchend时触发,可以滑动但不满足切换条件时触发
@customEvent canTouchTabSwitch touchend时触发,达到切换条件,触发切换事件
###使用
var touchTabIns = new touchTab({ el: $( document.body ), //绑定事件的dom元素 id或jq对象 offsetX: 50 //触摸起止X偏移值,大于些值才会触发下拉事件 }); $.bind(touchTabIns, 'canTouchTabMove', function() { //此时可处理滑动tab }); $.bind(touchTabIns, 'clearTouchTabMove', function() { //可以滑动但不满足切换条件时触发 }); $.bind(touchTabIns, 'canTouchTabSwitch', function() { //达到切换条件,触发切换事件 });
###demo 扫描以下二维码手机体验
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。