53

私は優れた 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の間に線を引いて、2人の関係を明確にすることでした。

ボックス内の数字でいつでもそれを行うことができますが、線を使用してこれを行う方法を知りたかったのです。

ありがとう。

4

2 に答える 2

5

私はリンクを投稿するには新しすぎますが、「jQuery で簡単に描画するためのライブラリ」をググると、探しているものが見つかるかもしれません。:)

ここにリンク

于 2009-05-22T10:12:07.117 に答える