Question

http://jsfiddle.net/taoist/fsmX7/

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

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

下面的非JSPlumb JSfiddle 中的Draggable方法通过使用标题为“enable”和“disable”的2个不同属性值来实现此目的。这些 not 似乎与JSPlumb一起使用。我试图用JSplumb使用这两个属性无济于事。他们可能会工作，但如果是这样，我就会失去如何实施它们。

http://jsfiddle.net/KrdEU/5/

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

http://jsfiddle.net/taoist/fsmX7/1/

$(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});


        });

    });

});

Answer 1

答案：

使用 setDraggable（el，draggable）

http://jsplumbtoolkit.com/apidocs/files/jsPlumb-1.4.1-apidoc.html#jsPlumb.setDraggable(el,draggable)

使用开启/关闭按钮使JSPlumb启用divs可拖动

1 个答案: