jquery - 取消拖动可排序项目

Question

一个绝对常见的可排序案例:

<script>
$(function() {
  $("#sortable").sortable();
});
</script>

<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

问题。需要在某些情况下取消拖动项目，并且有一个很好的建议 Andrew Whitaker ，但该方法仅适用于 jquery-ui-draggable，并且不适用于可排序:

$("#sortable").sortable({
  start: function() {
    return false; // will still cause `this.helper is null`
  }
});

非常乐意提供建议。

Answer 1

返回false为fudgey建议非常适合使事物动态不可排序，但还有一个 cancel option在可排序配置中，它也允许您设置静态不可排序:

$("#sortable").sortable({
    // this prevents all buttons, form fields, and elemens
    // with the "unsortable" class from being dragged
    cancel: ":input, button, .unsortable"
});