Detect drop mit jQuery sortierbar

Ich spiele mit jQuery Sortable ( Ссылка ), um verschachtelte Listen anzuzeigen, Elemente zu verschieben und dann das Finale zu speichern Ergebnisse. Das endgültige Ziel besteht darin, eine Seitenstruktur / -hierarchie durch Anzeigen von Kategorien und Seiten mit drag & amp; Drop-Möglichkeiten.

Anzeige der Liste, Drag & Drop-Elemente und Speichern der Ausgabe funktioniert gut. Ich möchte nun Drop-Events erkennen, um anzuzeigen, welche Elemente verschoben wurden. Dies würde mir helfen, die Aktualisierung der gesamten Seitenstruktur zu vermeiden, während nur wenige Elemente verschoben wurden.

Meine verschachtelte Liste sieht so aus:

LI sind alle abwerfbar und ziehbar

alles wird initialisiert mit:

Jetzt kommt der schwierige Teil, ich versuche Drop-Events zu erkennen.

Der folgende funktioniert überhaupt nicht:

Dieser funktioniert aber friert meine Seite ein:

Dieser Code löst die erwartete Warnung aus, aber das Ziehen friert ein und ich kann nichts mehr in meiner Liste ändern. Es ist so, als wäre der ganze Bildschirm eingefroren, da ich mich nicht mehr bewegen oder klicken kann. Ich muss die Seite neu laden.

Hinweis: Ohne die Warnung wird auch eingefroren.

Irgendeine Idee?

UPDATE: Ich habe eine JSfiddle hinzugefügt: Ссылка aber ich weiß nicht, wie ich die .js-Datei aufrufen soll, damit das Skript initialisiert werden kann. Ich habe versucht, die Datei auf meinem Server gehostet, aber es sieht aus wie jsfiddle keine externen Dateien akzeptiert.

UPDATE2 Ich habe das Skript mit Firefox und Internet Explorer ausprobiert, gleiches Problem.

Vielen Dank

Laurent

PS: hier nicht gezeigt, aber jQuery, jQuery UI, jQuery Sortable sind korrekt geladen