Auf Thema antworten 2026

Beitrag

<blockquote data-quote="rodemund" data-source="post: 2520725" data-attributes="member: 465016">Hallo Gemeinde,ich baue gerade eine Flash-Datei in HTML mit Hilfe von jQuery nach und arbeite mich dafür in jQuery ein. Dabei möchte ich über geschachtelte Callback-Funktionen einen Schritt nach dem anderen ausführen. Das klappt auch im Prinzip, nach dem Ende meiner Anweisungen führt jQuery allerdings Schritte aus, die ich nicht „beauftragt“ habe.Frage 1: Warum macht jQuery das?Frage 2: Wie kriege ich das weg?Der Quellcode steht unten. Das ganze Desaster&nbsp; – ein Durchlauf dauert ca. 50 Sekunden, dann wird der Fehler sichtbar.Ich habe auch versucht, das mit queue()/dequeue() zu lösen, hab’s aber nicht hinbekommen.Um uns allen Zeit zu sparen: Ich stelle eine ganze Reihe von Fragen NICHT, wie z.B. ... <ul>
<li data-xf-list-type="ul">„Wird das eine tolle Webseite?“ (ich denke, nein),</li>
<li data-xf-list-type="ul">„Ist das ein guter Entwurf? (nein, das geht besser)“,</li>
<li data-xf-list-type="ul">„Ist das ganz toller HTML/jQuery-Code?“ (sicher nicht) oder</li>
<li data-xf-list-type="ul">„Welchen Sinn hat das Ganze?“ (ich übe gerade jQuery).</li>
</ul>Natürlich darf jede/r frei kommentieren, nur sind es eben nicht meine Fragen. Vielen Dank für jede Hilfe![html]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&nbsp; &lt;head&gt;&nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;&nbsp; &lt;title&gt;Callback-Test&lt;/title&gt;&nbsp; &nbsp;&nbsp; &nbsp; &lt;meta name=&quot;description&quot; content=&quot;descriptiondescriptiondescriptiondescription&quot;&gt;&nbsp;&nbsp; &lt;meta name=&quot;author&quot; content=&quot;Vorname Nachname&quot;&gt;&nbsp;&nbsp; &lt;meta name=&quot;keywords&quot; content=&quot;keyword1 keyword2 keyword3&quot;&gt;&nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/style.css&quot;/&gt;&nbsp; &lt;link rel=&quot;shortcut icon&quot; href=&quot;images/favicon.ico&quot; type=&quot;image/ico&quot;&gt;&nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;jquery/jquery-1.11.3.min.js&quot;&gt;&lt;/script&gt;&nbsp; &lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp;&nbsp; $(document).ready(function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text1-bild&#039;).fadeIn(2000,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text1-zeile1&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text1-zeile2&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text1&#039;).delay(4000).fadeOut(100, function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text2-bild&#039;).fadeIn(2000,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text2-zeile1&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text2-zeile2&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text2&#039;).delay(4000).fadeOut(100, function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text3-bild&#039;).fadeIn(2000,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text3-zeile1&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text3-zeile2&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text3&#039;).delay(4000).fadeOut(100, function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text4-bild&#039;).fadeIn(2000,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text4-zeile1&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text4-zeile2&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text4&#039;).delay(4000).fadeOut(100, function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text5-zeile1&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text5-zeile2&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text5&#039;).delay(4000).fadeOut(100, function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text6-zeile1&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;.text6-zeile2&#039;).fadeIn(1500,function() {&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp; &nbsp;&nbsp; });&nbsp; &lt;/script&gt;&nbsp; &lt;/head&gt;&nbsp;&nbsp; &lt;body&gt;&nbsp; &lt;div class=&quot;wrap&quot;&gt;&nbsp; &lt;p class=&quot;text1 zeile1 text1-zeile1&quot;&gt;Hier steht Text 1 Zeile 1,&lt;/p&gt;&nbsp; &lt;p class=&quot;text2 zeile1 text2-zeile1&quot;&gt;Text 2 Zeile 1 folgt darauf,&lt;/p&gt;&nbsp; &lt;p class=&quot;text3 zeile1 text3-zeile1&quot;&gt;Schon kommt Text 3 Zeile 1,&lt;/p&gt;&nbsp; &lt;p class=&quot;text4 zeile1 text4-zeile1&quot;&gt;Text 4 Zeile 1 kommt natürlich auch,&lt;/p&gt;&nbsp; &lt;p class=&quot;text5 zeile1 text5-zeile1&quot;&gt;Man hat es fast geahnt: Text 5 Zeile 1 kommt unweigerlich,&lt;/p&gt;&nbsp; &lt;p class=&quot;text6 zeile1 text6-zeile1&quot;&gt;Dann folgt&lt;br /&gt;eine Liste&lt;br /&gt;mit ein paar&lt;br /&gt;Zeilen,&lt;br /&gt;irgendwas&lt;br /&gt;Aufgezähltes&lt;br /&gt;eben.&lt;/p&gt;&nbsp;&nbsp; &nbsp; &lt;img class=&quot;text1 bild text1-bild&quot; src=&quot;images/bart.jpg&quot; /&gt;&nbsp; &lt;img class=&quot;text2 bild text2-bild&quot; src=&quot;images/textil.jpg&quot; /&gt;&nbsp; &lt;img class=&quot;text3 bild text3-bild&quot; src=&quot;images/aktien.jpg&quot; /&gt;&nbsp; &lt;img class=&quot;text4 bild text4-bild&quot; src=&quot;images/bananen.jpg&quot; /&gt;&nbsp;&nbsp; &nbsp; &lt;p class=&quot;text1 zeile2 text1-zeile2&quot;&gt;... dann kommt Text 1 Zeile 2.&lt;/p&gt;&nbsp; &lt;p class=&quot;text2 zeile2 text2-zeile2&quot;&gt;und Text 2 Zeile 1 lässt nicht lange auf sich warten.&lt;/p&gt;&nbsp; &lt;p class=&quot;text3 zeile2 text3-zeile2&quot;&gt;Text 3 Zeile 2 folgt auf dem Fuße.&lt;/p&gt;&nbsp; &lt;p class=&quot;text4 zeile2 text4-zeile2&quot;&gt;genau wie Text 4 Zeile 2.&lt;/p&gt;&nbsp; &lt;p class=&quot;text5 zeile2 text5-zeile2&quot;&gt;ebenso wie Text 5 Zeile 2.&lt;/p&gt;&nbsp; &lt;p class=&quot;text6 zeile2 text6-zeile2&quot;&gt;Hiermit sollte die Animation beendet sein. Aber sie läuft weiter. Warum?&lt;/p&gt;&nbsp;&nbsp; &nbsp; &lt;div class=&quot;footer&quot;&gt;&nbsp; &lt;a href=&quot;#&quot;&gt;Vorname Nachname&lt;/a&gt; &lt;a href=&quot;#&quot;&gt;Kontakt&lt;/a&gt; &lt;a href=&quot;#&quot;&gt;Impressum&lt;/a&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;/body&gt;&lt;/html&gt;[/html]</blockquote>

[QUOTE="rodemund, post: 2520725, member: 465016"] Hallo Gemeinde, ich baue gerade eine Flash-Datei in HTML mit Hilfe von jQuery nach und arbeite mich dafür in jQuery ein. Dabei möchte ich über geschachtelte Callback-Funktionen einen Schritt nach dem anderen ausführen. Das klappt auch im Prinzip, nach dem Ende meiner Anweisungen führt jQuery allerdings Schritte aus, die ich nicht „beauftragt“ habe. Frage 1: Warum macht jQuery das? Frage 2: Wie kriege ich das weg? Der Quellcode steht unten. Das ganze Desaster – ein Durchlauf dauert ca. 50 Sekunden, dann wird der Fehler sichtbar. Ich habe auch versucht, das mit queue()/dequeue() zu lösen, hab’s aber nicht hinbekommen. Um uns allen Zeit zu sparen: Ich stelle eine ganze Reihe von Fragen NICHT, wie z.B. ... [LIST] [*]„Wird das eine tolle Webseite?“ (ich denke, nein), [*]„Ist das ein guter Entwurf? (nein, das geht besser)“, [*]„Ist das ganz toller HTML/jQuery-Code?“ (sicher nicht) oder [*]„Welchen Sinn hat das Ganze?“ (ich übe gerade jQuery). [/LIST] Natürlich darf jede/r frei kommentieren, nur sind es eben nicht meine Fragen. Vielen Dank für jede Hilfe! [html] <!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" /> <title>Callback-Test</title> <meta name="description" content="descriptiondescriptiondescriptiondescription"> <meta name="author" content="Vorname Nachname"> <meta name="keywords" content="keyword1 keyword2 keyword3"> <link rel="stylesheet" type="text/css" href="css/style.css"/> <link rel="shortcut icon" href="images/favicon.ico" type="image/ico"> <script type="text/javascript" src="jquery/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.text1-bild').fadeIn(2000,function() { $('.text1-zeile1').fadeIn(1500,function() { $('.text1-zeile2').fadeIn(1500,function() { $('.text1').delay(4000).fadeOut(100, function() { $('.text2-bild').fadeIn(2000,function() { $('.text2-zeile1').fadeIn(1500,function() { $('.text2-zeile2').fadeIn(1500,function() { $('.text2').delay(4000).fadeOut(100, function() { $('.text3-bild').fadeIn(2000,function() { $('.text3-zeile1').fadeIn(1500,function() { $('.text3-zeile2').fadeIn(1500,function() { $('.text3').delay(4000).fadeOut(100, function() { $('.text4-bild').fadeIn(2000,function() { $('.text4-zeile1').fadeIn(1500,function() { $('.text4-zeile2').fadeIn(1500,function() { $('.text4').delay(4000).fadeOut(100, function() { $('.text5-zeile1').fadeIn(1500,function() { $('.text5-zeile2').fadeIn(1500,function() { $('.text5').delay(4000).fadeOut(100, function() { $('.text6-zeile1').fadeIn(1500,function() { $('.text6-zeile2').fadeIn(1500,function() { }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); </script> </head> <body> <div class="wrap"> Hier steht Text 1 Zeile 1, Text 2 Zeile 1 folgt darauf, Schon kommt Text 3 Zeile 1, Text 4 Zeile 1 kommt natürlich auch, Man hat es fast geahnt: Text 5 Zeile 1 kommt unweigerlich, Dann folgt eine Liste mit ein paar Zeilen, irgendwas Aufgezähltes eben. <img class="text1 bild text1-bild" src="images/bart.jpg" /> <img class="text2 bild text2-bild" src="images/textil.jpg" /> <img class="text3 bild text3-bild" src="images/aktien.jpg" /> <img class="text4 bild text4-bild" src="images/bananen.jpg" /> ... dann kommt Text 1 Zeile 2. und Text 2 Zeile 1 lässt nicht lange auf sich warten. Text 3 Zeile 2 folgt auf dem Fuße. genau wie Text 4 Zeile 2. ebenso wie Text 5 Zeile 2. Hiermit sollte die Animation beendet sein. Aber sie läuft weiter. Warum? <div class="footer"> <a href="#">Vorname Nachname</a> <a href="#">Kontakt</a> <a href="#">Impressum</a> </div> </div> </body> </html> [/html] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?