Sortable.js拖拽时候的背景颜色修改

Sortable.js是一个强大的JavaScript库，用于创建可排序的DOM元素。当你在网页上启用Sortable.js的拖拽功能时，可以轻松地管理元素的位置。关于修改拖拽时的背景颜色，Sortable.js本身并没有内置这样的直接功能，它专注于排序逻辑。

然而，你可以通过自定义CSS样式或者在事件处理程序中动态修改元素的样式来实现这一效果。例如，当元素正在被拖动时，你可以设置`.is-dragging` 或者 `.Sortable.isDragging` 这样的伪类选择器，使其背景色改变。这是一个简单的示例：

// 初始化Sortable
Sortable.create(el, {
  onDragStart: function(event) {
    event.item.classList.add('is-dragging');
    // 修改背景色，比如设置为浅灰色
    event.item.style.backgroundColor = 'lightgray';
  },
  onDragEnd: function() {
    event.item.classList.remove('is-dragging');
    // 拖动结束时恢复原背景色
    event.item.style.backgroundColor = '';
  }
});

然后在你的CSS中定义`.is-dragging` 类：

.is-dragging {
  background-color: lightgray; /* 或者你喜欢的其他颜色 */
}