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

标签 jquery draggable 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,但我无法将其移回第一个 droppable。

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

最佳答案

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

希望这会有所帮助!

关于jquery - 如何防止 jQuery Droppable 接受某些 Draggable?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5740370/

相关文章:

javascript - jQuery Mobile slider 输入更改事件

iPhone SDK :Trouble Dragging a UIImageView

jquery - 在 JQuery UI 上执行一个可拖动 connectToSortable 多个可排序

jQuery 类型错误 : <whatever> is not a function in Firefox on table object

php - 为什么我的 jquery 脚本在我的 include php 文件中不起作用?

jQuery UI 可拖动 - 如果发生有效的放置,则删除克隆

javascript - 使用可旋转类停止元素在鼠标滚动上移动

jquery - droppabledraggable在移动时与div重叠

javascript - jQuery Perfect Scroll - 在容器中间启动滚动条?

jquery - 限制 jQuery 可拖动项与同级元素重叠/碰撞