JQuery,Draggable和Droppable - 找到一个Droppable,我得到了ID

时间:2012-11-19 13:24:23

标签: jquery jquery-droppable jquery-draggable

我需要在Draggable停止事件运行时找到一个可放置控件,并且我有一个ID。这可能吗?基本上我的想法是这样的:当“out”函数运行时,我存储了dropId。然后,如果正在恢复某个项目,我需要将旧的Droppable设置为仅接受已恢复的Draggable。

这是我的代码的一部分:

        var dropId;
        $('.droppable').droppable
        ({
            hoverClass: "ui-state-active",
            drop: itemDrop,
            out: function (event, ui) {
                $(this).droppable('option', 'accept', '.draggable');
                ui.draggable.zIndex = 6000
                dropId = $(this).attr("id");
            },

        $('.draggable').draggable
        ({
            revert: 'invalid',
            cursor: 'move',
            zIndex: 5000,
            stop: function (event, ui) {
                var draggableId = $(this).attr("id");
                if (event.reverted) { 
                   // dropID.droppable('option', 'accept', draggableId), something lite this
                }
            }

        });

我的itemDrop函数基本上更新了数据库,并设置了这个: $(this)。droppable('option','accept',ui.draggable);

在恢复项目时,这正是我所追求的。

希望我有点清楚!如果没有,请告诉我。

谢谢!

1 个答案:

答案 0 :(得分:1)

您需要对代码进行少量更改,请检查

  $("#" + dropId).droppable('option', 'accept', "#" + draggableId);