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

时间:2015-11-03 13:20:09

标签: javascript jquery jsplumb

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

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

Fiddle

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'
                });
            });
        }
    })

});

1 个答案:

答案 0 :(得分:0)

你需要一个自定义jquery draggable:

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

});

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