JQUERY Draggable à l'intérieur du problème de débordement du plugin Nicescroll

Question

Salut, j'ai une liste d'éléments qui sont dragables qui ont besoin de tomber sur un Div différent.

J'utilise le plugin jQuery Nicescroll et je ne peux pas faire glisser des objets à l'extérieur du Nicescroll et je pense que cela a quelque chose à voir avec le débordement caché mais je ne peux pas le faire fonctionner.

L'événement de goutte se déclenche lorsque je lâche la souris sur la div dri drognpable.

j'ai

//COMMENT ME OUT TO SEE THAT IT WORKS WHEN niceScroll IS NOT ENABLED
$("#external-sales-orders").niceScroll();

$(".external-event").draggable({
    revert: true

});

$("#droppable").droppable({
    drop: function(){
        alert("Dropped");
    }
});

Regarde ça : http://jsfiddle.net/byk4j/2/

Merci!

Answer 1

Essayez de faire un clone et de l'appliquer au body:

$(".external-event").draggable({
    revert: true,
    appendTo: 'body',
    helper: 'clone'
});

VIOLON

Consultez la documentation APPENDTO (): API jQuery UI.

APPENDTO désigne l'élément auquel l'assistance Draggable doit être ajoutée lors de la traînée. Par défaut, cela est défini sur le parent des éléments.

METTRE À JOUR:

J'ai trouvé un moyen d'atteindre les fonctionnalités que vous vouliez en congruence avec le plugin Scroll Nice. Lorsque l'élément est traîné, il définit l'élément d'origine à visibility:hidden Ainsi, l'endroit est toujours conservé, puis lorsque l'article est abandonné, il revient le visibility. Voici le violon mis à jour.