JQuery,如何根据哪个draggable触发不同的drop事件

时间:2015-07-07 11:25:11

标签: jquery drag-and-drop jquery-ui-draggable jquery-ui-droppable

抱歉,如果这个问题已经得到解答,但我一直在寻找2天。 我有多个可拖动元素和一个droppable,并希望根据删除的draggable调用不同的drop事件。 感谢。

$(function() {
$(".u").draggable();
$(".s").draggable();
$(".t").draggable();
$(".du").draggable();
$(".ds").draggable();
$(".dt").draggable();
$(".d").draggable();
$(".c").draggable();
$(".b").draggable();
$(".dd").draggable();
$(".ds").draggable();
$(".db").draggable();
$(".site").droppable({
    drop: function( event, ui ) {
        switch (ui.draggable.attr('class')) {
            case "u":
                $(this).addClass("au");
                break;
            case "s":
                $(this).addClass("as");
                break;
            case "t":
                $(this).addClass("at");
                break;
            case "ds":
                $(this).addClass("ads");
                break;
            case "dt":
                $(this).addClass("adt");
                break;
            case "d":
                $(this).addClass("ad");
                break;
            case "c":
                $(this).addClass("ac");
                break;
            case "b":
                $(this).addClass("ab");
                break;
            case "dd":
                $(this).addClass("add");
                break;
            case "dc":
                $(this).addClass("adc");
                break;
            case "db":
                $(this).addClass("adb");
                break;
            case "du":
                $(this).addClass("adu");
                break;
        }
    }
})
});

目前没有任何事情发生。

0 个答案:

没有答案