如何在拖动时动态排除可排序项？

// HTML结构
<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

// JavaScript代码
var sortable = document.getElementById('sortable');
var draggableItem = null;
var excludeItems = [];

// 监听拖动事件
sortable.addEventListener('dragstart', function(e) {
  draggableItem = e.target;
  excludeItems = determineExcludeItems(draggableItem); // 确定排除项
  updateSortable(); // 动态排除项
});

// 更新排序位置
sortable.addEventListener('dragover', function(e) {
  e.preventDefault();
  var targetItem = e.target;
  if (targetItem !== draggableItem && !excludeItems.includes(targetItem)) {
    var rect = targetItem.getBoundingClientRect();
    var isAfter = (e.clientY - rect.top) > (rect.height / 2);
    sortable.insertBefore(draggableItem, isAfter ? targetItem.nextSibling : targetItem);
  }
});

// 完成拖动操作
sortable.addEventListener('dragend', function() {
  draggableItem = null;
  excludeItems = [];
  updateSortable(); // 恢复排除项状态
});

// 确定排除项
function determineExcludeItems(draggableItem) {
  // 根据需要的逻辑确定排除项
  // 例如，排除与当前拖动项相同类型的其他元素
  var excludeItems = [];
  var items = sortable.children;
  for (var i = 0; i < items.length; i++) {
    if (items[i] !== draggableItem && items[i].tagName === draggableItem.tagName) {
      excludeItems.push(items[i]);
    }
  }
  return excludeItems;
}

// 动态排除项
function updateSortable() {
  var items = sortable.children;
  for (var i = 0; i < items.length; i++) {
    if (excludeItems.includes(items[i])) {
      items[i].classList.add('exclude');
    } else {
      items[i].classList.remove('exclude');
    }
  }
}