jQuery拖动元素并对元素进行重新排序

//调用ajax更新方法
var Submit = function(update) {
  var order = [];
  list.children("li").each(function() {
    order.push(this.id);
  });
  var itemid = order.join(',');
  //如果单选框选中，则更新表中排列顺序
  if (update) {
    Update(itemid);
  }
  else {
    show.html("");
  }
};

和得到排列顺序类似，将ID组成一个字符串传递给了Update()方法。函数中的参数update为checkbox是否选中。

//执行排列操作
list.sortable({
  opacity: 0.7,
  update: function() {
    Submit(check.attr("checked"));
  }
});

最后，执行排列操作。后台部分就是对现在ID对应原来排列顺序的更新，相信大家并不陌生。

可以看出如果不进行数据库操作，该插件只需要调用sorttable便可完成对元素的拖动。

以上就是jQuery拖动元素并对元素进行重新排序的实现方法，希望对大家的学习有所帮助。