如何防止jQuery Droppable接受某些Draggable?

时间:2011-04-21 06:28:37

标签: jquery draggable droppable

我正在创建一个包含可放置小部件“组”的页面,每个可拖动的页面只能放在一组droppable上。

我能够通过以下代码实现这一目标:

$("div.droppable").droppable({
    //accept: ".draggable",
    accept: function (draggable) {
        if ($(this).attr("question_id") != null) {
            if ($(this).attr("question_id") == draggable.attr("question_id")) return true;
        }
        return false;
    });

然而,现在我遇到了一些麻烦。在放弃之后,我无法将可拖动的可拖动装置移动到同一组中的可拖放装置之前。我可以将它放在一个droppable上,然后移动到另一个,但是我无法将它移回第一个droppable。

有谁知道会发生什么?任何意见都将不胜感激。

1 个答案:

答案 0 :(得分:2)

不知道你的代码失败了什么。我创建了这个test case on jsFiddle,它按预期工作。如此测试用例所示,我使用.data来检索问题ID。

我希望这有帮助!

相关问题