Tôi đang sử dụng giao diện người dùng JQuery tuyệt vời để thực hiện "ánh xạ" để người dùng có thể "lập bản đồ" người từ một chương trình cho những người từ chương trình khác.Làm thế nào để vẽ một đường giữa có thể kéo và có thể phân tách?
sử dụng JQuery này đơn giản:
$(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));
});
});
tôi nhận được như sau:
những gì tôi thực sự muốn là (nếu có thể) tạo ra một ranh giới giữa Elsa và Kjell để nó làm cho kết nối giữa chúng rõ ràng.
Tôi luôn có thể làm điều đó với các số bên trong các hộp, nhưng tôi thực sự muốn biết cách thực hiện việc này bằng các dòng.
Cảm ơn.
bất kỳ tiến trình nào khi thực hiện công việc này trong IE? –
chỉ khi bạn sử dụng Silverlight: (không hỗ trợ SVG trong IE8, chỉ trong FF – balexandre
Không hoạt động trong Safari/Chrome/Webkit ... – duckyflip