再次使一个取消的Droppable元素可放置

Question

我有一些可放置的元素。我通过以下方式使它们可投放

function makeDraggable(id){
                console.log("inside draggable");
              $( ".draggable" ).draggable({
                    helper: "clone",
                    cursor: 'move'
                });
          }

然后我通过取消使其变得不可拖动

function makeUndraggable(){
            console.log("inside undraggable");

            $( ".draggable" ).draggable({ 
                cancel: ".draggable" 
                });
          }

但是现在当我再次调用可拖动函数时，它不会使其再次可拖动。

我以前使用的是jquery-ui-1.7，cancel无法使用它。所以我转到了jquery-ui-1.12.1，cancel确实起作用了，但是现在我无法撤消cancel。

Answer 1

只需更新您的第一个函数以清除cancel参数：

function makeDraggable(id){
    console.log("inside draggable");
    $( ".draggable" ).draggable({
        helper: "clone",
        cursor: 'move',
        cancel: ''
    });
}