js实现一个列表包含速度和删除等功能

js实现一个列表包含速度和删除等功能
最近,一个项目已经完成,包括一个列表页。对于用户体验,操作是通过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:大师。

2014 / 9 / 24 9:54:00

移动
下来
删除

内容4:排序问题。

2014 / 9 / 24 9:54:00
移动
下来
删除

这里我们主要看js代码,对方法的实现主要是用在JQ,原因是因为第一次静态列表数据(绑定)时,排序后,数据为动态(活的),所以这种结构只能使用是最合理的,看代码
$(函数(){())
移动
$(。clearfix),(单击
var = $(这个);
无功_old = self.closest(里。courselist );
无功_new = self.closest(里。courselist ),Prev(李);
如果(_new.length > 0){
无功_temp = _old.html();
_old.empty()。追加(_new.html());
_new.empty append(_temp)();
}

});
$(。clearfix),(单击
var = $(这个);
无功_old = self.closest(里。courselist );
无功_new = self.closest(里。courselist )。二(李);
如果(_new.length > 0){
无功_temp = _old.html();
_old.empty()。追加(_new.html());
_new.empty append(_temp)();
}
});

删除
$(。clearfix),(单击
var = $(this);单击事件源对象
Self.closest(李。courselist )删除();
});

});
跑完后,效果出来了。在这个js中,我们不编写与后台交互的Ajax方法,您可以根据具体情况编写它。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部