jquery - 如何防止 jQuery Droppable 接受某些 Draggable？

Question

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

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

$("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，但我无法将其移回第一个 droppable。

有人知道会发生什么吗？任何意见将不胜感激。

Answer 1

不知道你的代码出了什么问题。我创建了这个test case on jsFiddle这正在按预期工作。如本测试用例所示，我正在使用 .data检索问题 ID。

希望这会有所帮助!