Javascript 使用开/关按钮使JSplump启用的div可拖动

在上面的代码示例中，我希望.textDivContainer的默认状态为不可拖动。然后，当用户单击绿色按钮时，我希望编辑器关闭（确实如此），我希望.textDivContainer可以拖动。然后，一旦用户再次单击按钮，编辑器将打开，div将不可拖动，因此创建一个切换开关。目前看来，这是行不通的

但是，我确实让它在没有使用默认jquerydraggable方法的JsPlumb的情况下工作。 这可以在下面看到

下面非JSPlumb JSfiddle中的Draggable方法通过使用标题为“enable”和“disable”的两个不同属性值来实现这一点。这些似乎不适用于JSPlumb。我试图将这两个属性用于JSplumb，但都没有用。它们可能会起作用，但如果是这样，我就不知道如何实施它们了

下面是迄今为止的最终JSFIDLE，它是一个半工作的JSPELLUP版本。这使用类交换来实现可拖动功能。它默认为不可拖动，单击绿色按钮时变为可拖动。但是，第二次单击绿色按钮时，不会停止拖动

---

回答：

使用setDraggable（el，draggable）

---

任何人都知道这个页面上有什么，或者页面上有什么示例，因为现在链接导致404错误。

$(document).ready(function() {

jsPlumb.bind("ready", function() {


var dragToggle = null ;
    $(".textButton1"). mousedown(function(){

        if (dragToggle===null){
        dragToggle = '.textDivContainer1';  

        }

        else if (dragToggle === '.textDivContainer1'){
        dragToggle=null;
        }

        console.log(dragToggle);


        jsPlumb.draggable($(dragToggle), { snap: true});


        });

    });

});