jsplumb添加元素,容器可拖动,元素不可拖动
jsplumb add elements, container draggable, elements not
我正在使用jsplumb,并试图创建一个场景,当用户单击按钮时,将创建4个元素,并且可以使用jsplump进行连接。我试图使容器可拖动,而不是可连接的元素。
在我的小提琴里。我希望灰色区域框(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'
});
});
}
})
});
您需要一个自定义jquery可拖动:
$('#container_'+a).draggable({
drag:function(event){
jsPlumb.repaintEverything();
}
});
荣誉https://stackoverflow.com/users/2905527/pruthvi-bharadwaj
相关文章:
- 如何使元素在可拖动元素内可单击
- 拖动开始时更改可拖动元素的大小
- 无法为HTML5中具有画布和图像的可拖动元素设置“拖动图像”
- 具有可拖动元素的HTML到PDF
- 可缩放容器鼠标上的可拖动元素在创建时从辅助对象上浮动
- 删除所有可拖动元素后如何显示消息
- 将可拖动元素与从父项位置开始的网格对齐
- 拖动元素时,如何获取要替换的元素的位置
- 将id为X的可拖动元素拖放到id为Y的容器
- 在没有jQuery的情况下拖动元素
- 可拖动元素在悬停在另一个'It’s draggable
- 拖动时更改HTML5可拖动元素的“克隆”文本
- Javascript:当元素中有<选择>时,可拖动元素搞砸了
- 是否有可能知道 jquery 可拖动元素将恢复到哪里
- 如何将键控事件与 JQuery-ui 可拖动元素一起使用
- jQuery UI 可拖动元素位于其他可拖动元素下
- 从拖动元素中获取 HTML5 自定义数据属性
- 使用 D3.js 拖动元素时滚动
- 同步两个可拖动元素的位置
- 如何从可拖动元素中删除项目符号