我有两列,我要从左列到右列拖动元素,而不要反转,然后我只能将元素拖放到右列,但在右列中元素不会移动;我能做什么 ?我使用的插件是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;
});