Jquery Mobile stellt per AJAX geladenes HTML nicht korrekt dar?

1 Punkt

von mbetz Newbie vor 5 Monaten

Ich möchte in einer JQuery-Mobile Anwendung innerhalb eines “collapsable-set” Divs
weitere collapsable divs per AJAX laden (Siehe Anhang).

Die Beispieldatei ajax_bestellpositionen.html habe ich ebenfalls angefügt.

Screenshot2 ist das Ergebnis mit AJAX.

Screenshot 1 zeigt, wie es aussehen soll.

Was mache ich falsch? Bin noch Anfänger in JQery und für jeden Hinweis dankbar!

Nachträglich bearbeitet am 23.01.13 11:33

Screenshots

Code

	$(".lade_Bestellformular").click(function()
	{
     	    
	      $("#bestell_formular").load("ajax_bestellpositionen.html");
		});
	
....

<div id="bestell_formular" data-role="collapsible-set">

     hier sollen die Bestellpositionen geladen werden!
</div>

<div data-role="collapsible" data-collapsed="false">
        <h3> Bereich 1 </h3>
               Inhalt 1
</div>
<div data-role="collapsible" data-collapsed="true">
     <h3> Bereich 2 </h3>
              Inhalt 2
</div>

Kommentare

DerFreeman: Ich denke, dass es an den CSS-Zuweisungen liegt.

Vielleicht steht da sowas wie
div div h3 { … }
anstatt
div h3 { …}

vor 4 Monaten
mbetz: Hallo DerFreemann,
danke für Deine Antwort!

Daran lag es nicht, denn wenn ich die Datei manuell eingefügt hab, wurde es ja korrekt dargestellt.

Zwischenzeitlich habe ich das Problem wie folgt gelöst:

$(”#bestell_formular”).load(“bestellpositionen.php”,function() { $(’#bestell_formular’).trigger(‘create’);

});

Also nach dem erfolgreichen Aufruf von load die “create” Methode mit “trigger” nochmal ausführen lassen.

vor 4 Monaten