基于jQuery左滑删除按钮插件

因为工作中经常做移动端的东西,很多地方涉及到滑动删除这一类的需求,于是自己写了一个滑动删除的插件;由于是第一次写插件,有很多不足之处,分享出来是希望大神给与指点和指正,先看效果

基于jQuery左滑删除按钮插件_第1张图片
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

你可能感兴趣的:(基于jQuery左滑删除按钮插件)