Javascript 所需的功能来自https://github.com/RubaXa/Sortable
我正在使用,我需要编写一个if/else函数,该函数基本上可以告诉您是否已将正确的磁贴拖动到正确的目标,如果未拖动,则将其反弹到其来源(相同的顺序) 非常确定我使用了此事件: 元素从另一个列表中拖放到列表中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
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;
}