JQuery UI：如何在开始时停止拖放

Question

我有以下设置：

$('.my-list').sortable({
  handle: '.drag-handle',
  start: function(event, ui ) {

    //check to see if allow drag and drop
    var should_disable = check-code-goes-here ;
    if (should_disable) {
       //how to disable
    }

  },
  stop: function(event, ui ) {
  }
});

在拖动 .drag-handle 元素时，我需要检查一个条件以查看是否允许拖放。如果是，请照常进行。如果没有，我想禁用整个拖放操作。请注意，我无法确定 .drag-handle 元素在页面加载时是否应可拖动，这就是为什么我需要在每次拖放操作时进行检查。

感谢和问候。

Answer 1

检查这个 JSFiddle 链接

http://jsfiddle.net/shuklendu/uacc7/17/

在该示例中，将“固定”类添加到不想拖动和取消属性设置为可排序的项目中

$("#sortable").sortable({
    cancel: ".fixed"
});