适用于移动端滑动切换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、网站不提供资料下载,如需下载请到原作者页面进行下载。