Du hast eine Frage? Stell sie der t3n-Community!

? Beispielfragen

Um selbst eine Frage online zu stellen, melde dich bitte an.

Zur Anmeldung

Jquery Mobile stellt per AJAX geladenes HTML nicht korrekt dar?

1 Punkt

von mbetz  Newbie  vor ca einem Jahr

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 ca einem Jahr
  • 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 ca einem Jahr

Melde dich an, um einen Kommentar zu schreiben.

Antwort schreiben

Um eine Antwort schreiben zu können, sollest du dich zuvor anmelden.

Zur Anmeldung

Kennst Du schon unser t3n Magazin?

t3n 37 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen