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;
});
});
index.php
PHP-Code:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<script type="text/javascript" src="loader.js" language="javascript"></script>
</head>
<body>
<div id="navigation">
<h1>Hauptseite</h1>
<a href="seite1.php">weiter</a>
</div>
<div id="screen" style="width:400px; height:300px; border: 1px solid #000;">
<p>zu ersetzender Inhalt</p>
</div>
</body>
</html>
Seite 1 (Link von Index - lädt im DIV screen)
PHP-Code:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Seite 1</h1>
<a href="seite2.php">Unterseite</a>
</body>
</html>
Seite 2 (Link von Seite 1 auf Seite 2 - Inhalt soll ebenfalls im DIV screen auftauchen)
PHP-Code:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Seite 2</h1>
</body>
</html>