jsplumb перетаскивание в определенную область div

Я создал блок-схему с помощью jsplum на основе следующего jsfiddle.

Однако я пытаюсь сделать блоки перетаскиваемыми только в определенной области, которую я создал с помощью div baliser, например:

    <div id="drop_here" style="height:100%; width:50%"></div>

Я пробовал много вариантов, но не мог запустить. Кто-нибудь может мне помочь? Благодарю.


drag-and-drop jquery jsplumb
person user3579561    schedule 28.04.2014    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Как указано в этом ответе, вы можете использовать команду draggable из JQuery UI делает что-то вроде этого:

jsPlumb.draggable('#cool_object');
$('#cool_object').draggable({ containment: $('#drop_here')});

Подробнее о команде draggable здесь.

person Rodrigo Zepeda    schedule 09.12.2015

arrow_upward
0
arrow_downward

Если я правильно понял, вы хотите ограничить перетаскиваемые объекты в div, верно? Если это ваша проблема, вы можете решить ее, используя containment при создании объектов:

var YOUR_OBJECT = jsPlumb.getSelector("#OBJECT_ID");

jsPlumb.draggable(YOUR_OBJECT , {
    containment: "parent"
});
person lucasdc    schedule 14.05.2014