Witam,
znalazłem sobie na pewnej stronie taki krótki skrypt, który to umożliwia wczytywanie podstron bez odświeżania. Mam taki problem, bo chciałbym, żeby działało to mniej więcej tak.
Po kliknięciu na linka odegrana jest animacja .HIDE(), do zmiennej wczytana jest nazwa podstrony, kiedy animacja się zakończy wczytana zostanie podstrona do diva#content, następnie zostanie odegrana animacja .SHOW() divów z podstrony. No i nie działa. Wszystko kończy się na tym, że zostaje pobrana wartość, animacja HIDE jest odegrana i dupa... nie wiem co dalej/
Jestem początkujący i to sobie postawiłem jako wyzwanie w ramach ćwiczeń :P
Oto fragment kodu:
var podstrona = "";
$(document).ready(function() {
$("div.left").delay( 200 ).show('slide', { direction: "left" }, 200);
$("div.right").delay( 200 ).show('slide', { direction: "right" }, 200);
$('ul#menu li a.opcja').click(function() {
podstrona = $(this).attr('href');
console.log(podstrona);
$("div.left").delay( 200).hide('slide', { direction: "left" }, 200);
$("div.right").delay(200).hide('slide', { direction: "right" }, 200);
return false;
});
while ($("div.left").is(":hidden") && $("div.right").is(":hidden")) {
$('div#container').load('pages/'+podstrona);
}
});
Z góry dzięki za zainteresowanie.