如何在draggable中获取droppable的id?

时间:2013-12-26 22:29:41

标签: javascript jquery jquery-ui

我正在寻找解决我的问题的方法。在Draggeable的jQuery UI中是否有可能检查拖动对象的DOM元素?

我知道如果我们谈论droppable没有问题,这里我们可以选择拖动元素id,但在其他情况下呢?

我需要限制布尔数组中的拖放。所以当元素被拖入droggable时,我想检查boolean在这个特定的dropable上是真还是假。

提前致谢

1 个答案:

答案 0 :(得分:3)

以下是您的问题的解决方案:

您需要将“accept”参数传递给页面上的droppable,如下所示:

$("#droppable").droppable({
    accept: function (source) {
        // return true, if droppable accepts given source (draggable)
        return $(source).attr('id') == 'draggable'
    },
    drop: function (event, ui) {
        // here $(this) is droppable where the drop occured.
        $(this).html("Dropped!");
    }
});

此处的完整工作示例:http://jsfiddle.net/akhikhl/3KaaH/1/