stiller: html5 sortable klasse item-Werte auslesen

Beitrag lesen

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