Создание JSPlumb позволило дивы перетаскивать с кнопкой включения/выключения

Question

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

В примере кода на выше, я хотел бы состояние по умолчанию .textDivContainer к не быть перетаскиваемым. Затем, когда пользователь нажимает зеленую кнопку, я хочу, чтобы редактор закрывался (что он делает), и мне бы хотелось, чтобы можно было перетащить .textDivContainer. Затем, как только пользователь снова нажмет кнопку, редактор откроется, и div будет не быть перетаскиваемым, следовательно, создавая тумблер. В его нынешнем виде это не работает.

Однако у меня есть он без JsPlumb с использованием перетаскиваемого метода JQuery по умолчанию. Это показано ниже.

Метод Draggable в Non-JSPlumb JSfiddle ниже выполняет это с использованием двух разных значений свойств под названием «включить» и «отключить». Это не похоже, работает с JSPlumb. Я попытался использовать эти два свойства с JSplumb безрезультатно. Они могут работать, но если это так, я теряюсь в том, как их реализовать.

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

Ниже окончательный JSFiddle до сих пор, которая является полу-рабочая версия JSplumb. Это использует класс swap для реализации перетаскиваемой функции. По умолчанию он не перетаскивается, и при нажатии зеленой кнопки он перетаскивается. Однако, когда зеленую кнопку нажимают второй раз, она делает не остановить перетаскиваемый.

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 (эль, перетаскиваемым)

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