支持移动触摸设备的纯js元素拖放插件|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库

Move stuff between these two containers. Note how the stuff gets inserted near the mouse pointer? Great stuff.

Move me, but you can only drop me in one of these containers.

If you try to drop me somewhere other than these containers, I'll just come back.

Item 3.

Item 6.

You can drop me in the left container, otherwise I'll stay here.

Item 4.

Item 5.

      
dragula([left, right]);

Add some fantastic events!

Move me, but you can only drop me in one of these containers.

If you try to drop me somewhere other than these containers, I'll just come back.

Item 3.

Item 6.

You can drop me in the left container, otherwise I'll stay here.

Item 4.

Item 5.

      
dragula([left, right]).on('drag', function (el) {
  el.className = el.className.replace(' animazing', '');
}).on('drop', function (el) {
  setTimeout(function () {
    el.className += ' animazing';
  }, 0);
});

Need to be able to quickly delete stuff when it spills out of the chosen containers?

Move me, but you can only drop me somewhere in this container.

If you try to drop me somewhere other than here, I'll die a fiery death.

Item 3.

Item 6.

Item 4.

Item 5.

      
dragula([single], { removeOnSpill: true });

By default, dropping an element outside of any known containers will keep the element in the last place it hovered over. You can make elements go back home if they're dropped outside of known containers, too.

Move me, but you can only drop me in one of these containers.

If you try to drop me somewhere other than these containers, I'll just come back.

Item 3.

Item 6.

You can drop me in the left container, otherwise I'll stay here.

Item 4.

Item 5.

      
dragula([left, right], { revertOnSpill: true });

Copying stuff is great too

Move me, but you can only drop me in one of these containers.

If you try to drop me somewhere other than these containers, I'll just come back.

You can drop me in the left container, otherwise I'll stay here.

      
dragula([left, right], { copy: true });