因为工作中经常做移动端的东西,很多地方涉及到滑动删除这一类的需求,于是自己写了一个滑动删除的插件;由于是第一次写插件,有很多不足之处,分享出来是希望大神给与指点和指正,先看效果
1.gif这个小东西是用css3+定位来实现的,实现方法也很简单,调用时在引用jQuery的基础上,直接将js引入,修改默认参数就可以了。
调用方法:
var slideEle = $("#header").slideEle({
parentBox: $("ul"),//被编辑标签的直接父元素标签
slideBars: $("li"),//需要滑动删除、编辑的标签组
alterTag: $(".t"),//需要修改内容的标签,必须单独用一个标签包裹
tagWidth: 80,//右侧按钮宽度,默认80
editBtn: true,//是否需要编辑按钮 true/false
});
GitHub地址:https://github.com/wgliuGit/leftSlideDelete
GitHub演示地址:https://wgliuGit.github.io/leftSlideDelete/左滑删除按钮插件/demo.html
网友评论