使已取消的 Droppable 元素再次成为 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" 
                });
          }

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

我之前使用的是 jquery-ui-1.7，但无法取消。所以我搬到了 jquery-ui-1.12.1，取消确实有效，但现在我无法撤消取消。

Answer 1

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

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