jquery - 在 jQuery UI 中可拖动将约束添加到目标到 div

Question

我的页面很少有可拖动（1,2）和几个可拖放（A，B）。如何指定用户只能从可拖动 1 拖放到可拖放“A”中？PS，其中一个 dropable 实际上是可排序的。

Answer 1

我认为您可以使用该参数accept:来实现这一点。

示例：

$('.CssClassToDrag').draggable({ 
        containment: "#divDragAndDropArea", 
        scroll: false, 
        revert: "invalid" 
  });
$('.CssClassToDrop').droppable({
        accept: ".CssClassToDrag",
        hoverClass: "ui-state-active",
        activeClass: "ui-state-hover",
        drop: function (event, ui) {
            ...
        },

        out: function (event, ui) {
            ...
        }
    });

带有 CssClassToDrag 的可拖动项目只能拖放到可拖放元素中。