我正在创建一个包含可放置小部件“组”的页面,每个可拖动小部件只能放置在一组可放置小部件上。
我能够通过以下代码实现这一目标:
$("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。
有人知道会发生什么吗?任何意见将不胜感激。
最佳答案
不知道你的代码出了什么问题。我创建了这个test case on jsFiddle这正在按预期工作。如本测试用例所示,我正在使用 .data
检索问题 ID。
希望这会有所帮助!
关于jquery - 如何防止 jQuery Droppable 接受某些 Draggable?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5740370/