|
|||
LOADER Problem mit weiterer VErlinkung
Nachdem ich bestimmt Ewigkeiten nicht mehr hier war, muss ich mich notgedrungen doch mal wieder an die liebe Community wenden
Und zwar habe ich folgendes Problem: Ich habe einen AJAX Loader geschrieben, der auf der ersten Ebene der Verlinkung in einen div einwandfrei funktioniert, aber auf der zweiten Ebene (Link auf geladener Unterseite) nicht mehr. Wahrscheinlich ist es etwas total einfaches, aber mein Hirn hat bereits auf Bahnhof umgeschalten. Es wäre toll, wenn jemand mir helfen könnte, da ich gerade echt auf keinen Ansatz komme, was nicht stimmen könnte. Anbei der Code des Loaders und die vereinfachten Seiten: Loader Code:
//navigationslinks in das mittlere div einblenden $(document).ready(function() { $("#navigation a").click(function() { var pageToLoad = $(this).attr("href"); var pageContent; $.get(pageToLoad, function(data) { pageContent=data; $("#screen").fadeOut("800", function() { $("#screen").html(pageContent); $("#screen").fadeIn("800"); }); }); return false; }); }); //Links aus DIV Screen in das mittlere div einblenden $(document).ready(function() { $("#screen a").click(function() { var pageToLoad = $(this).attr("href"); var pageContent; $.get(pageToLoad, function(data) { pageContent=data; $("#screen").fadeOut("800", function() { $("#screen").html(pageContent); $("#screen").fadeIn("800"); }); }); return false; }); }); PHP-Code:
PHP-Code:
PHP-Code:
Geändert von Shiaso (26.05.2014 um 11:43 Uhr) |
Sponsored Links |
|
|||
Nein, Theoretisch nicht - es wird nur der reine html/php inhalt aus dem body geladen. Man könnte eigentlich die gesamte Deklaration von head, etc weglassen - das Ergebnis ist genau das Gleiche.
Ich probier es sicherheitshalber trotzdem noch einmal aus. Aber ich gehe davon aus, dass ein parent / child problem vorliegt. |
|
|||
Beim faden bin ich nach der von w3cschools dokumentierten Methode herangegangen - die Zahlen stellen also die Millisekunden dar.
edit: gerade gesehen, die Anführungsstriche kann man weglassen...werde ich überarbeiten. Danke. also quasi $(#navigation a).on("click",function()... ? Ich probiere es mal aus und gebe Rückmeldung. Geändert von Shiaso (26.05.2014 um 12:10 Uhr) |
|
||||
Nein, nicht die Variante. .on() | jQuery API Documentation
Code:
$('body').on('click', selektor, function() {...}); Geändert von protonenbeschleuniger (26.05.2014 um 12:27 Uhr) |
|
|||
Tausend Mal Danke, es hat einwandfrei funktioniert - muss nur für die Topnavigation (wegen home-Link) eine Ausnahme machen, aber ansonsten wird es jetzt einwandfrei angesprochen.
Zum nachvollziehen: Code:
//Links aus DIV Screen in das mittlere div einblenden $(document).ready(function() { $("#screen").on("click","a",function() { var pageToLoad = $(this).attr("href"); var pageContent; $.get(pageToLoad, function(data) { pageContent=data; $("#screen").fadeOut(800, function() { $("#screen").html(pageContent); $("#screen").fadeIn(800); }); }); return false; }); }); Geändert von Shiaso (26.05.2014 um 13:37 Uhr) |
|
|||
Da sich nun doch weitere Probleme ergeben haben, muss ich mich noch einmal an euch wenden
Und zwar folgendes: ich möchte mit oben verwendetem Script und der dazugehörigen Lösung erst einmal Inhalt nachladen. Das funktioniert soweit ganz gut mit: Code:
$("#screen").on("click","a",function(){} Ich brauche also eine Unterscheidung. Mit der vorherigen Version war das Problem nicht vorhanden, aber das weiterverlinken funktionierte nicht. Code:
$("#screen a").click(function() Ich habe das ganze versucht mit not auszuschließen, indem ich einem div eine ID mitgegeben habe, die ausgeschlossen werden soll. Code:
$("#screen").not("#gallery").on("click","a",function(){} Hat jemand eine Idee, wie ich das Problem lösen könnte? Danke im Voraus =) |
|
||||
Du hast also ein Element, das 2 IDs hat?
Du kannst das Problem lesen, in dem du dir diese Seite aufmerksam durchliest: .not() | jQuery API Documentation
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Das habe ich bereits versucht.
Ich denke .on(){} unterstützt not nicht, indem es alles herausgreift, was ein link im zieldiv ist. Denn in der Hauptnavigation (jedoch eine liste und nicht nachgeladen) funktioniert die Unterscheidung mit .not einwandfrei. Nein, ich habe keinem Objekt 2 ID's zugeordnet Zum Verständnis: Code:
<div id="screen">alter Inhalt mit Link</div> Code:
<div id="screen"> <div id="gallery">enthält Link mit dem eine Zoomfunktion und dergleichen aufgerufen wird</div> </div> |
Sponsored Links |
Stichwörter |
ajax, komplexer loader, loader |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Singleton Pattern Problem, OOP, PHP | ArcVieh | Serveradministration und serverseitige Scripte | 3 | 07.08.2007 12:13 |
Design zu CSS/HTML verarbeiten - Problem häufen sich. | Grafikamateur | CSS | 2 | 06.08.2007 10:57 |
Problem mit WordPress und dem Bilder Upload | Maxefix | Serveradministration und serverseitige Scripte | 0 | 19.12.2006 15:58 |
Problem bei Div's - zwei mal das gleiche und doch nicht ... | Niriel | CSS | 10 | 09.06.2005 18:39 |
Problem mit einem CSS Layout | nARC | CSS | 20 | 21.05.2005 07:28 |