jquery+java实现上移下移，并页面有上下移动效果

最新推荐文章于 2024-07-15 03:24:22 发布

土豆_

最新推荐文章于 2024-07-15 03:24:22 发布

阅读量1.1k

点赞数

分类专栏： java mysql jsp 上下移动

本文链接：https://blog.csdn.net/qshazi/article/details/95998676

版权

本文介绍如何结合jQuery库与Java后端技术，实现在网页中元素的上移和下移功能，同时详细阐述了实现页面动态效果的具体步骤和关键代码，帮助读者理解前端交互与后端控制的配合。

摘要由CSDN通过智能技术生成

//1、点击上移按钮，判断是否在顶部，如果在顶部则提示
var tr = $($(this)).parent().parent().parent()
    	if($(tr).prev().html()==null){
    		layer.msg("已经在最顶部了");
//2、如果不在顶部，则执行以下代码，实现页面效果
$(tr).insertBefore($(tr).prev());
//下移
var tr = $($(this)).parent().parent().parent()
	   if($(tr).next().html()==null){
	   		layer.msg("已经在最底部了");
//效果
$(tr).insertAfter($(tr).next());
//3、以上仅为页面效果，将移动的这条数据id传入后台，（数据库需要有一个排序字段）
//4、传入后台type =1 表示上移  =2表示下移
//java  service层代码  ConstantUtil.SERVICE_TYPE_UP==1 //ConstantUtil.SERVICE_TYPE_DOWN==2
public int sortMove(Integer id,Integer type) {
		int i = 0;
        //上移
		ServiceManage serviceManageChange = new ServiceManage();
        if(type.intValue() == ConstantUtil.SERVICE_TYPE_UP){
        	//查询上一条数据
        	serviceManageChange = serviceManageDao.getBeforeDataById(id);
        }else if(type.intValue() ==