我正在使用优秀的JQuery UI进行“映射”,这样用户就可以将一个程序中的人员“映射”到其他程序中的人员。
使用这个简单的JQuery:
$(document).ready(function() {
$("div .draggable").draggable({
revert: 'valid',
snap: false
});
$("div .droppable").droppable({
hoverClass: 'ui-state-hover',
helper: 'clone',
cursor: 'move',
drop: function(event, ui) {
$(this)
.addClass('ui-state-highlight')
.find("img")
.removeAttr("src")
.attr("src", "_assets/img/icons/check-user-48x48.png");
$(this).droppable('disable');
$(ui.draggable)
.addClass('ui-state-highlight')
.find("img")
.removeAttr("src")
.attr("src", "_assets/img/icons/check-user-48x48.png");
$(ui.draggable).draggable('disable');
}
});
$("div .droppable").bind("dblclick", function() {
$(this)
.removeClass('ui-state-highlight')
.find("img")
.removeAttr("src")
.attr("src", "_assets/img/icons/user-48x48.png");
$(this).droppable('enable');
EnableSource($(this));
});
});
我得到了这样的结论:
我真正想要的是(如果可能的话)在Elsa和Kjell之间创建一条线,这样就可以清楚地了解它们之间的联系。
我总是可以在方框中使用数字,但我真的很想知道如何使用行来做到这一点。
感谢。
https://stackoverflow.com/questions/536676
复制相似问题