防止JqueryUI中的列表项丢弃可排序

$(function() {
  $("#sortable").sortable({
    placeholder: "ui-state-highlight"
  });
  $("#sortable").disableSelection();
});

<ul id="sortable">
  <li draggable="true">Item 1</li>
  <li draggable="true">Item 2</li>
  <li draggable="true">Item 3</li>
</ul><script>
  var sortable = document.getElementById("sortable");
  sortable.addEventListener("dragstart", function(event) {
    event.dataTransfer.setData("text/plain", event.target.textContent);
  });

  sortable.addEventListener("dragover", function(event) {
    event.preventDefault();
  });

  sortable.addEventListener("drop", function(event) {
    event.preventDefault();
    var item = event.dataTransfer.getData("text/plain");
    var dropItem = event.target;
    if (dropItem.tagName === "LI") {
      dropItem.textContent = item;
      event.target.textContent = event.dataTransfer.getData("text/plain");
    }
  });
</script>

#sortable {
  touch-action: pan-y;
}