JQuery Draggable in NicesCroll Plugin -Überlaufproblem

Question

Hallo, ich habe eine Liste von Elementen, die draggierbar sind, die auf eine andere DIV fallen gelassen werden müssen.

Ich benutze das JQuery -Plugin nicesCroll und ich kann keine Objekte außerhalb des NicesCrolls ziehen, und ich denke, etwas damit zu tun hat, dass Überlauf versteckt ist, es aber nicht zum Laufen bringen kann.

Das Drop -Ereignis feuert aus, wenn ich die Maus über die abstoßbare Div lasse.

Ich habe

//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");
    }
});

Schau dir das an : http://jsfiddle.net/byk4j/2/

Vielen Dank!

Answer 1

Versuchen Sie, einen Klon zu erstellen und ihn an die Anhängen body:

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

GEIGE

Schauen Sie sich die Dokumentation von AppendTO () an: JQuery UI API.

Appendto gilt, an welches Element der helfere Helfer beim Ziehen beigefügt werden sollte. Standardmäßig wird dies auf die Elemente übergeordnet.

AKTUALISIEREN:

Erfuhr einen Weg, um die Funktionen zu erreichen, die Sie im Kongruenz mit dem schönen Scroll -Plugin haben wollten. Wenn das Element gezogen wird, setzt es das ursprüngliche Element auf visibility:hidden Der Punkt ist also noch erhalten und wenn der Gegenstand fallen gelassen wird visibility. Hier ist die Geigen aktualisiert.