[jquery][jquery-ui]如何可拖动和器可弃之间划一条线?

标签: jQuery jQuery-UI
发布时间: 2011/5/26 15:52:41
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

嗨,你们,

我要做"映射",用户可以"地图"从其他程序的人从一个程序的人使用 exelent 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));
    });
});

我到这的意见:

alt t<a href='/Tag/Ext'>ext</a>

我真正想要 的 (如果可能) 是创建 协会 之间的线条和 谢尔 使它实在观念的变革的链接是。

我可以一直做两个盒子,里面的数字,但我真的想要知道如何使用行执行此操作。

谢谢

解决方法 1:

更新 (23.Mar.2011)只有 3 图书馆、 jQuery、 jQuery UI 和 RaphaelJs

新的代码版本

现在,

下载 源代码

页演示: http://is.gd/Cmmi


知道了!FFIESafari的作品。歌剧 下它绘制任何线 (没有 SVG)。

显示您所有,我只是做小 (我今天是一个自豪的人 !) 我成就的演示:

视频演示: 使用 IE 8FF 3Safari 4歌剧 10铬 3新 Screecast-> http://is.gd/2obC4

和一个小小的图像:

alt text

所有进行使用:

中,可以找到源代码:

下载资料来源: http://is.gd/ClWx (120 Kb-包括的所有插件)

解决方法 2:

我太新发布的链接,但如果谷歌"教程简单绘图库",您可能会发现你在寻找什么。:)

链接到此处

解决方法 3:

看来源代码或演示页中不包括"jquery.svg.css"。因此,没有运行演示页或可下载的源。

官方微信
官方QQ群
31647020