JQuery拖拽排序

2024-04-27 15:01:35

字体：大中小

来源：转载

供稿：网友

1,引用JqueryUI

$(function(){	$(".m_title").bind('mouSEOver',function(){		$(this).CSS("cursor","move")	});	    var $orderlist = $("#orderlist");	var $list = $("#module_list");		$list.sortable({		opacity: 0.6,		revert: true,		cursor: 'move',		handle: '.m_title',		update: function(){			//不用次都去请求                },                success: function(msg) {                     //alert(msg);					                }             });		}	});})

2,最后拼json 传到后台(避免用tr td)

function addSection(title, id) {

var objUl = $("#firsttr");

var objLi = $("<li class='m_title' ></li>");

objUl.append(objLi);

objLi.append("<div class='fl' style='cursor:move;'><p style='position:relative;'><input type='text' value='" + title + "' class='box-shadow-n-d'/></p></div>");

var obj = $("<a href='javascript:void(0);' class='pic-a-r' style='top: 16px; right: -10px;text-indent:-9999px;'>删除</a>").attr("sectionId", id);

objLi.find("p").append(obj);

var sectionId = obj.attr("sectionId") ? obj.attr("sectionId") : "";

obj.click(function () {

var $this = $(this);

if (sectionId != "") {

art.dialog.confirm('你确定要删除这掉消息吗？', function () {

$this.gkPostJson({

url: "",

data: { "courseId": window.pageConfig["CourseId"], "sectionId": sectionId },

success: function (data) {

showTips("操作成功");