为什么用dragulajs拖放无法正常工作?

时间:2019-12-02 08:03:13

标签: javascript jquery drag-and-drop dragula

我有两列,我要从左列到右列拖动元素,而不要反转,然后我只能将元素拖放到右列,但在右列中元素不会移动;我能做什么 ?我使用的插件是dragula js 有我的代码:

function makeElement(el , type){
            var newNode = $("<div>").css({'background-color' : 'pink' , 'margin' : '10px 0' , 'padding' : '5px'});
            switch(type){
                case 'text' : 
                    newNode.append($('<input>').attr({'type' : type , 'placeholder' : el.html()}));
                    break;
                case 'label' : 
                    newNode.append($('<label>').append('label').css('color' , 'green'));
                    break;
                default : 
                    newNode.append('Error ! ' + el.html());
                    break;
            }
            return newNode;

        }

        $(document).ready(function(){

            dragula([document.getElementById('left') , document.getElementById('right')] , {
                copy : true ,
                // revertOnSpill: true,
                accepts : function(el , target){
                    // only can drag from left to right
                    if(target !== document.getElementById('left')){
                        return true;
                    }
                    else{
                        return false;
                    }
                }
            });

            dragula([document.getElementById('right')] , {
                accepts : function(el , target){
                    // only can drag from left to right
                    if(target === document.getElementById('right'))
                        return true;
                    else
                        return false;
                }
            })
            .on('drop' , function(el){
                console.log('el : '  , el);
                return true;
            });

0 个答案:

没有答案