移动端手势滑动切换tab
#SlideTab
主要是解决移动端标签页之间的手势滑动切换,支持分页。 效果直接看demo
##使用方法 (usage)
这个插件依赖zepto/jquery,dropload,hammer.js。但并不意味着你需要懂这些。你只需要把引入相应的css和js
<link rel="stylesheet" href="lib/dropload-0.9.0/dropload.css">
<link rel="stylesheet" href="lib/slidetab-0.1/slidetab.css">
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
<script src="lib/dropload-0.9.0/dropload.js"></script>
<script src="lib/hammer-2.0.6/hammer.js"></script>
<script src="lib/slidetab-0.1/slidetab.js"></script>
var slideTab = new SlideTab('.panes');
slideTab.dropload = $('.wraper').dropload({
scrollArea: window,
loadDownFn: function (me) {
getData();
}
});
具体使用看这里 源码看这里
##Callbacks
resetHeight: 重置容器的高度(在每次分页后调用) lock: 锁定窗格加载数据(在该窗格分页没数据的时候调用) slideTo: 移动到第几个窗格 slideStart: 开始滑动的回掉 slideEnd: 滑动结束的回掉(无论窗格有没有发生变化都调用) slideChanged: 滑动结束的回掉(只在窗格发生变化都调用)版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。