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 über 2 Jahren

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 über 2 Jahren
  • 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 über 2 Jahren

 Melde dich an, um einen Kommentar zu schreiben.

Antwort schreiben

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

Zur Anmeldung

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?

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