基于jQuery左滑删除按钮插件

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容