Jquery trascinabile all'interno di niceScroll plugin problema di overflow

Question

Ciao ho un elenco di elementi che sono trascinabili che hanno bisogno di cadere in un altro div.

Io sto usando il plugin jquery niceScroll e non posso trascinare oggetti 'al di fuori' del niceScroll e penso che abbia qualcosa a che fare con overflow essere hiddent ma non può farlo funzionare.

Il calo evento viene generato quando ho lasciato andare il mouse sopra il drop div.

Ho

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

check out questo : http://jsfiddle.net/BYK4J/2/

Grazie!

Answer 1

Prova a fare un clone e aggiungendolo alla body:

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

VIOLINO

Controllare il appendTo() documentazione: JQuery UI API.

AppendTo designa quale elemento draggable helper dovrebbe essere aggiunta durante il trascinamento.Per impostazione predefinita, è impostato per gli elementi di un genitore.

AGGIORNAMENTO:

Pensato a un modo per ottenere le funzionalità che si voleva in congruenza con il bel plugin di scorrimento.Quando l'elemento è stato trascinato imposta l'elemento originale per visibility:hidden così, il posto è ancora conservato e poi quando l'elemento viene eliminato riporta l' visibility.Ecco il aggiornato il violino.