您好,欢迎访问一九零五行业门户网

JS实现一个列表中包含上移下移删除等功能_javascript技巧

最近做了一个项目,包括了一个列表页,为了用户体验,操作均使用js实现,其中包括在列表中实现上移,下移,删除等功能,前台js,后端数据修改使用ajax,本文主要说一下前台js这块
先看一下页面的截图
看一下它的html结构,当然,这与前台切图有关,后端程序人员只负责写自己的js这块,我以我们项目为例,看一下它们切的html
内容1:2013年 加班.txt
2014/9/24 9:54:00
上移下移删除
内容2:使用说明.txt
2014/9/24 9:54:00
上移下移删除
内容3:占占大师.txt
2014/9/24 9:54:00
上移下移删除
内容4:排序问题.txt
2014/9/24 9:54:00
上移下移删除

下面我们主要看一下js代码,主要使用jq的on方法实现的,原因是因为列表的数据有第一次为静态的(bind),当排序后,数据变为动态的(live),所以,这种结构只能使用on才最合理,看一下代码

运行之后,效果就出来了,本js中没有把与后台交互的ajax方法写出来,大家可以根据具体情况而定。
其它类似信息

推荐信息