//将ADF列排序可拖动 $('.adf-monitor').sortable({ items: '.adf-monitor-header-cell', axis: 'x', containment: '.adf-monitor-body', tolerance: 'pointer', cursor: 'move', start: function (event, ui) { //排序开始时添加样式 ui.item.addClass('dragging'); }, stop: function (event, ui) { //排序结束时移除样式 ui.item.removeClass('dragging'); } });
//拖动事件处理 $(document).on('mouseup', '.adf-monitor .adf-monitor-header-cell', function (e) { //处理拖动事件 }); 请注意:以上代码仅供参考,具体实现方式需要结合具体页面的HTML结构和CSS样式进行调整。