Comportamento glitch con JQuery Draggable (violino incluso) - javascript, jquery, jquery-ui, jquery-isotope

Sto cercando di usare Jquery Draggable ma noto che asfarfallio quando l'oggetto bersaglio viene sollevato e poi lasciato cadere, si libra sopra la sua vecchia posizione o viene portato fuori dal suo contenitore. L'immagine nel div trascinato scompare o appare nel punto sbagliato (dovrebbe essere sempre visualizzata nella stessa posizione durante il trascinamento, come ci si aspetterebbe).

Qualche idea su come possa essere corretto?

Il mio codice:

http://jsfiddle.net/PTSkR/28/

$(function () {
$("#container").isotope({
// options
itemSelector: ".study-box",
layoutMode: "fitRows"
});
});

$(function () {
$(".study-box").draggable({
revert: "invalid",
helper: function () {
// We removeAttr("style") to get rid of the transform css that isotope added.
return $(this).clone().removeAttr("style").removeClass("isotope-item").addClass("drag-helper").appendTo("body");
},
start: function () {
$(this).hide();
},
stop: function () {
$(this).show();
},
zIndex: 100
});
});
$(function () {
$(".folder-box").draggable({ revert: "invalid" });
$(".folder-box").droppable({
// revert: "invalid",
accept: ".folder-box, .set-box",
drop: function (event, ui) {
var $this = $(this);
//ui.draggable.clone().removeAttr("style").removeClass(".folder-box").appendTo($this);
$("#container").isotope("remove", ui.draggable);
}
});
});

risposte:

non c'è nulla di sbagliato in JavaScript, basta rimuovere tutto "position: fixed" dal CSS. Sta rovinando il display corretto dalla posizione di sfondo.