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

Javascript 所需的功能来自https://github.com/RubaXa/Sortable,javascript,Javascript,我正在使用,我需要编写一个if/else函数,该函数基本上可以告诉您是否已将正确的磁贴拖动到正确的目标,如果未拖动,则将其反弹到其来源(相同的顺序) 非常确定我使用了此事件: 元素从另一个列表中拖放到列表中 onAdd: function (/**Event*/evt) { var itemEl = evt.item; // dragged HTMLElement evt.from; // previous list // + indexes from onEnd

我正在使用,我需要编写一个if/else函数,该函数基本上可以告诉您是否已将正确的磁贴拖动到正确的目标,如果未拖动,则将其反弹到其来源(相同的顺序)

非常确定我使用了此事件: 元素从另一个列表中拖放到列表中

 onAdd: function (/**Event*/evt) {
    var itemEl = evt.item;  // dragged HTMLElement
    evt.from;  // previous list
    // + indexes from onEnd
    },
首先,evt是一个公共参数吗?(我不是编码员)

请在此处找到我的工作代码: 这不包括外部sortable.min.js文件

非常感谢您的帮助
梅夫

那么像这样的怎么样?这是我相信你想要的东西的一个最小实现


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

evt是事件对象,在触发事件时将其交给函数:在何处/如何定义允许的目标?您是否有一组映射来指示允许某些内容进入的位置?我的意思是如下所示@plenderj:是的,我在这里更新了:
            onMove: function (evt, originalEvent) {
                var textOfItemBeingDragged = evt.dragged.innerText.toLowerCase();
                var destinationIndexOfTarget = evt.related.getAttribute('destination-index');
                var areWeAllowedToDragToHere = allowedMappings[textOfItemBeingDragged] ==
                    destinationIndexOfTarget;
                return areWeAllowedToDragToHere;
            }