最近,一个项目已经完成,包括一个列表页。对于
用户体验,
操作是通过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方法,您可以根据具体
情况编写它。