Guten Abend
Das klappt noch nicht wirklich. (ui-item) gibt eine Fehlermeldung aus und (ui.item) gar nix.
ui-item war ein Typo, das hast du aber schonmal richtig erkannt.
Keine Ausgabe kann ich mir nicht vorstellen, irgendeinen Wert muss ui.item ja haben. Weißt du, wie du die Javascript-Konsole öffnest? (häufig F12 oder STRG+Shift+i ) console.dir ist nicht das selbe wie alert()!
Schaffe mit FF auf Mac und wähle Extras/Web-Entwickler/Web-Konsole.
Die id solltest du einfach über ui.item.getAttribute('id') auslesen können. Die Position musst du selber ermitteln, zum Beispiel indem du dich über an jüngeren Geschwister-Knoten entlang hangelst und mitzählst.
Ich habe jetzt folgende li's gebaut:
<li id="element_6" class="" draggable="true" style="display: list-item;">
<li id="element_1" draggable="true">
<li id="element_7" draggable="true">
Und das ist der JS-Code:
$('.sortable').sortable({handle: '#mover'}).bind('sortupdate', function(e, ui) {
var item = ui.item.getAttribute('id');
alert("item"+item);
});
Die Konsole sagt jetzt immer Error: ui.item.getAttribute is not a Funktion. Alert ist nur für mich zur Kontrolle.
previousElementSibling wäre prädestiniert dafür.
Merci, das schaue ich mir an.
Gruss
Stiller