Frage zu Jquery und Ajax

**franktron**

Ich hab eine Seite in der ich eine Listview nachladen möchte das mach ich so

Code:

			<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.2.0.css" />

<script src="jquery.mobile/jquery-1.8.2.js"></script>

<script src="jquery.mobile/jquery.mobile-1.2.0.js"></script>

<script type="text/javascript">//<![CDATA[

$(window).load(function(){

function updateliste() {

$('#liste').load("/admin?onlwebmode=update&id=liste");};

updateliste();

});//]]</script>

<style>

</style>

<title>Admin</title>

</head>

<body>

<p><div id="liste"><ul data-filter="true" data-role="listview">

</ul>

</div></p></body>

</html>

Das Klappt auch aber leider hat die Listview kein CSS und Javscript mehr, wie kann ich das ändern.

**Phoenix**

Das jQuery .load ersetzt den vollständigen Inhalt des angegebenen Elementes mit dem Ergebnis der erhaltenen Response.

Das heisst bei Dir sieht der Schnippsel dann so aus:

markieren

Code:

<div id="liste">RESPONSE</div>

Vermutlich liefert die Response aber nur die li-Elemente ohne das ul drumrum aus, und damit greift das CSS nicht mehr.

Ganz by the way:

markieren

Code:

			$(window).load(function(){

  function updateliste() {

    $('#liste').load("/admin?onlwebmode=update&id=liste");

  };

  updateliste();

});

Würde man anders machen. Zum einen mal macht heute keiner mehr CDATA.
Zum anderen hat jQuery eigene Events und arbeitet deutlich mehr mit Callbacks und nicht mit einzeln definierten Funktionen. Das würde also eher so aussehen:

markieren

Code:

			<script type="text/javascript>

$(function() {

    $("#liste").load("url");

});

</script>

**Phoenix**

Achso.. Wo wir grad dabei sind: Div's lassen sich nicht in p's schachteln. Das ist invalides HTML.

**franktron**

Als der Load Befehl gibt das hier zurück

markieren

Code:

			<div id="liste"><ul  data-filter="true" data-role="listview">

<li id="ListItem5"data-icon="delete" ><a href="#"><h3>frank</h3><p>5</p>

</a></li>

</ul>

</div>

**Phoenix**

Ah. Dann verdoppelst du das div, denn dann wird ja das zurückgegebene Div #liste in das existierende div #liste gepackt.

**DonManfred**

Zitat von franktron:

Als der Load Befehl gibt das hier zurück

markieren

Code:

			<div id="liste"><ul  data-filter="true" data-role="listview">

<li id="ListItem5"data-icon="delete" ><a href="#"><h3>frank</h3><p>5</p>

</a></li>

</ul>

</div>

und mit der Info von Phoenix

Zitat von Phoenix:

Das jQuery .load ersetzt den vollständigen Inhalt des angegebenen Elementes mit dem Ergebnis der erhaltenen Response.

Das heisst bei Dir sieht der Schnippsel dann so aus:

markieren

Code:

<div id="liste">RESPONSE</div>

Demnach sollte load also folgenden Code geliefert bekommen:

markieren

Code:

			<ul  data-filter="true" data-role="listview">

<li id="ListItem5"data-icon="delete" ><a href="#"><h3>frank</h3><p>5</p>

</a></li>

</ul>

**DonManfred**

Zitat von franktron:

Tux sein Lieblingsquellcode
While anzfische<TuxSatt do
Fisch:=TFisch.Create; Fisch.TuxEssenFisch; Fisch.Free;

OT: Ich kanns mir nicht verkneifen

Also Richtig formatiert sieht der Code dann SO aus:

markieren

Code:

			While anzfische<TuxSatt do

  Fisch:=TFisch.Create; 

Fisch.TuxEssenFisch; 

Fisch.Free;

Nur doof das Tux hier in einer Endlichschleife gerät wenn zu Beginn der Schleife anzfische < TuxSatt ist... Milliarden von FischCREATEions aber keiner landet auf dem Teller

Frage zu Jquery und Ajax

Frage zu Jquery und Ajax

AW: Frage zu Jquery und Ajax

AW: Frage zu Jquery und Ajax

AW: Frage zu Jquery und Ajax

AW: Frage zu Jquery und Ajax

AW: Frage zu Jquery und Ajax

AW: Frage zu Jquery und Ajax

Forumregeln

Phoenix (Moderator) Registriert seit: 25. Jun 2002 Ort: Hausach 7.611 Beiträge	#3 AW: Frage zu Jquery und Ajax 24. Jul 2013, 18:08 Achso.. Wo wir grad dabei sind: Div's lassen sich nicht in p's schachteln. Das ist invalides HTML. Sebastian Gingter Phoenix - 不死鳥, Microsoft MVP, Rettungshundeführer Über mich: Sebastian Gingter @ Thinktecture Mein Blog: https://gingter.org
	Zitat

Phoenix (Moderator) Registriert seit: 25. Jun 2002 Ort: Hausach 7.611 Beiträge	#5 AW: Frage zu Jquery und Ajax 25. Jul 2013, 10:29 Ah. Dann verdoppelst du das div, denn dann wird ja das zurückgegebene Div #liste in das existierende div #liste gepackt. Sebastian Gingter Phoenix - 不死鳥, Microsoft MVP, Rettungshundeführer Über mich: Sebastian Gingter @ Thinktecture Mein Blog: https://gingter.org
	Zitat