2016-11-1更新
更新说明:
本插件是基于swiper插件进行封装的仿原生安卓ios的切换面板效果插件,仿原生选项卡切换面板支持手势滑动(对原插件的效果进行增强,更加接近原生效果,并对代码结构进行优化)
Created by kiner on 16/9/22.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | $( function (){ //第一步: 实例化一个滑动面板,并绑定响应标签 var ksp = $.kinerSwiperPanel({ navSelector: "kinerNav" , //导航栏选择器 conSelector: "kinerContent" //显示面板选择器 }); $( '.btn' ).click( function () { var index = $( this ).attr( "data-slideTo" ); ksp.slideTo(index); //可通过此方法主动调用切换面板方法 }); /** * 注册change函数,当面板切换时插件将自动调用所给函数,并将当前面板索引通过参数形式返回 */ ksp.on(ksp.handlerNameList.change, function (activeIndex,event){ $( '.eventPanel' ).text( "事件回调信息: 面板已切换至" + (activeIndex+1)+ "号面板" ); }); }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com