[Erledigt] Liste dynamisch bearbeiten (jQuery Mobile)

Thek · 03.01.2012, 00:11

Hi,

ich habe ein Problem mit dem dynamischen setzen von Listeninhalten bei jQuery Mobile.

Mein Problem ist folgendes:

Wenn ich den HTML Code der Liste abändere z.B. mit

Code:

html = $("#over").html();
$("#over").html(html + '<li><a href="asdasd.html">asd</a></li>');

wird die Liste abgeändert aber das jQuery Mobile Design wird nicht gesetzt.

Auch aus- und einblenden hilft leider nicht.

Gibt es eine andere Herangehensweise an dieses Problem oder übersehe ich einfach etwas.

Danke schonmal für eure Hilfe

Mfg

Thek

halskrause · 03.01.2012, 05:54

Weil es ich gewundert hat, dass dein Code nicht funktioniert, habe ich mal für dich gegoogelt:

Zitat:

Updating lists
If you add items to a listview, you'll need to call the refresh() method on it to update the styles and create any nested lists that are added. For example:

PHP-Code:

  $('#meineListe').listview('refresh')

Thek · 03.01.2012, 12:28

Danke ersteinmal halskrause.

Ich habe jetzt mit dem listview Plugin rumprobiert aber jetzt bekomme ich die Fehlermeldung das $("#over").listview(); keine Funktion ist.

Folgender ist der JS Code:

Code:

html = $("#over").html();
$("#over").html(html + '<li><a href="asdasd.html">asd</a></li>');
$("#over").fadeOut(1000, function() {
      $("#over").fadeIn(1000); 
});
$("#over").listview();

Eingebunden habe ich folgende Js Dateien:

-aktuelles jQuery File
-aktuelles jQuery Mobile File
-jquery-ui-1.8.16.custom.min.js

Habe ich eine Abhängigkeit vergessen oder ist das einfach ein Fehler in einer der Dateien.

Ich bedanke mich schonmals für eure Hilfe denn ich tue mich mit JavaScript immer ein bisschen schwer weil ich normalerweise Backend Bereich tätig bin (Ich weiß das ist keine Ausrede jedoch fehlt mir hier die Erfahrung

)

Mfg

Thek · 03.01.2012, 12:35

Okay das Problem hat sich gelöst.

Danke halskrause für den Tipp

rudygotya · 03.01.2012, 16:17

Zitat:

Eingebunden habe ich folgende Js Dateien:

-aktuelles jQuery File
-aktuelles jQuery Mobile File
-jquery-ui-1.8.16.custom.min.js

Keine gute Idee. jqm nutzt bereits die widget factory aus jqueryui 1.9 (und so überschreibst du die widget factory).

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQueryLog new extension for debugging jquery (feedback request)	jquerylog	JavaScript, Ajax und mehr	8	26.12.2011 11:58
dynamisch erweiterbare Liste	singu	PHP Einsteiger	3	05.12.2011 21:34
jquery mobile theme zuweisung im release candidate	drsoong	JavaScript, Ajax und mehr	0	02.10.2011 21:45
[Job-Angebot] Mobile Frontend Developer (Oberhausen)	Mobile People	Gewerblich	1	21.07.2011 20:34
[Erledigt] Jquery mobile form action verhalten unterdrücken	drsoong	JavaScript, Ajax und mehr	1	21.07.2011 14:57
Erfahrung mit JQuery Mobile ?	drsoong	Off-Topic Diskussionen	0	18.03.2011 23:24
Gruppenmitglieder zählen	choice	Datenbanken	2	07.12.2010 19:58
PHP Entwickler (m/w) für internationales Mobile Marketing	KlattConsulting	Gewerblich	0	01.12.2010 15:13
[Erledigt] jQuery Funktion auf dynamisch hinzugefügtes Div legen	sdcleitung	JavaScript, Ajax und mehr	15	15.11.2010 23:40
[Erledigt] Jquery -> Dynamische Liste erweitern	da.eXecutoR	JavaScript, Ajax und mehr	13	02.11.2010 14:06
wie stelle ich diese dynamisch generierte Liste im Webformular dar?	supervision	JavaScript, Ajax und mehr	5	02.12.2008 14:29
[Erledigt] Liste in Textarea einfügen		HTML, Usability und Barrierefreiheit	0	03.01.2005 19:16
[Erledigt] Texte dynamisch bearbeiten		HTML, Usability und Barrierefreiheit	9	21.09.2004 17:10

03.01.2012, 00:11
Thek Benutzer Registriert seit: 05.02.2009 Beiträge: 87 PHP-Kenntnisse: Fortgeschritten	[Erledigt] Liste dynamisch bearbeiten (jQuery Mobile) Hi, ich habe ein Problem mit dem dynamischen setzen von Listeninhalten bei jQuery Mobile. Mein Problem ist folgendes: Wenn ich den HTML Code der Liste abändere z.B. mit Code: html = $("#over").html(); $("#over").html(html + '<li><a href="asdasd.html">asd</a></li>'); wird die Liste abgeändert aber das jQuery Mobile Design wird nicht gesetzt. Auch aus- und einblenden hilft leider nicht. Gibt es eine andere Herangehensweise an dieses Problem oder übersehe ich einfach etwas. Danke schonmal für eure Hilfe Mfg Thek


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

03.01.2012, 12:28
Thek Benutzer Registriert seit: 05.02.2009 Beiträge: 87 PHP-Kenntnisse: Fortgeschritten	Danke ersteinmal halskrause. Ich habe jetzt mit dem listview Plugin rumprobiert aber jetzt bekomme ich die Fehlermeldung das $("#over").listview(); keine Funktion ist. Folgender ist der JS Code: Code: html = $("#over").html(); $("#over").html(html + '<li><a href="asdasd.html">asd</a></li>'); $("#over").fadeOut(1000, function() { $("#over").fadeIn(1000); }); $("#over").listview(); Eingebunden habe ich folgende Js Dateien: -aktuelles jQuery File -aktuelles jQuery Mobile File -jquery-ui-1.8.16.custom.min.js Habe ich eine Abhängigkeit vergessen oder ist das einfach ein Fehler in einer der Dateien. Ich bedanke mich schonmals für eure Hilfe denn ich tue mich mit JavaScript immer ein bisschen schwer weil ich normalerweise Backend Bereich tätig bin (Ich weiß das ist keine Ausrede jedoch fehlt mir hier die Erfahrung ) Mfg

03.01.2012, 12:35
Thek Benutzer Registriert seit: 05.02.2009 Beiträge: 87 PHP-Kenntnisse: Fortgeschritten	Okay das Problem hat sich gelöst. Danke halskrause für den Tipp