美文网首页Web前端之路
基于jQuery左滑删除按钮插件

基于jQuery左滑删除按钮插件

作者: Wg流星 | 来源:发表于2017-08-29 11:05 被阅读409次

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

    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左滑删除按钮插件

        本文链接:https://www.haomeiwen.com/subject/xshodxtx.html