Question

我正在使用jsplumb并试图创建一个场景，当用户单击按钮时，创建了4个元素，并且可以使用jsplumb进行连接。我试图使容器可拖动，而不是可连接的元素。

在我的小提琴里。我希望灰色区域框（id = container_1）可以拖动。

var a = 0;
var field = "";

$('#addField').click(function(){
    a++;

    var container = "<div class='container' id='container_"+a+"'></div>";

    $('#body').append(container);

    for (i=1;i<=9;i++){

        field = '<div class="item" id="entry_'+a+'_action_'+i+'">Text</div>';   
        $("#container_"+a).append(field);

            jsPlumb.ready(function() {

                var id = 'entry_'+a+'_action_'+i;

                jsPlumb.makeSource($('#'+id), {
                    connector: 'StateMachine'
                });

                jsPlumb.makeTarget($('#'+id), {
                    anchor: 'Right'
                });
            });
        }
    })

});

Answer 1

你需要一个自定义jquery draggable：

$('#container_'+a).draggable({ 
    drag:function(event){
            jsPlumb.repaintEverything();
    }

}）;

赞赏https://stackoverflow.com/users/2905527/pruthvi-bharadwaj

jsplumb添加元素，容器可拖动，元素不

1 个答案: