Question

我正在使用https://github.com/RubaXa/Sortable，我需要编写一个if / else函数，它基本上可以告诉您是否已将正确的图块拖到正确的目标上，如果没有，则将其反弹回原处它来自（相同的顺序）。

非常确定我使用此活动：元素从另一个列表中删入列表

 onAdd: function (/**Event*/evt) {
    var itemEl = evt.item;  // dragged HTMLElement
    evt.from;  // previous list
    // + indexes from onEnd
    },

首先，是一个常见的参数吗？（我不是编码员）。

请在此处找到我的工作代码： https://codepen.io/maevemacn/pen/XMvZjP 这不包括外部sortable.min.js文件

任何帮助非常感谢梅芙

Answer 1

那么这样的事情怎么样？这是我认为你所追求的最低限度的实现。

http://codepen.io/anon/pen/xdGoNe

            onMove: function (evt, originalEvent) {
                var textOfItemBeingDragged = evt.dragged.innerText.toLowerCase();
                var destinationIndexOfTarget = evt.related.getAttribute('destination-index');
                var areWeAllowedToDragToHere = allowedMappings[textOfItemBeingDragged] ==
                    destinationIndexOfTarget;
                return areWeAllowedToDragToHere;
            }

onMove做了有趣的工作 - 我们检查是否允许我们将此项目放入特定的方框

需要的功能来自https://github.com/RubaXa/Sortable

1 个答案: