• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

JS/Jquerry banalny problem, ale nie dla mnie :/

0 głosów
87 wizyt
pytanie zadane 19 stycznia 2016 w JavaScript, jQuery, AJAX przez PreZmyK Pasjonat (17,930 p.)

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.

 

1 odpowiedź

0 głosów
odpowiedź 19 stycznia 2016 przez Comandeer Mentor (465,600 p.)

Po pierwsze, polecę poczytam https://kornel.ski/ramkihttp://diveinto.html5doctor.com/history.html

Po drugie: polecam sprawdzić co to callbacki ;)

$( '#content' ).hide( function() {
    robimyCosDalej();
} );

 

komentarz 19 stycznia 2016 przez PreZmyK Pasjonat (17,930 p.)
Wiem, że to zło, Ale chciałem, żeby animacja wykonywała się bez ponownego wczytywania tła. Callback powoduje, że animacja wyskakuje jak z petardy(nie odgrywane jest show).

Jest jakaś alternatywna metoda, żeby tło było wczytane i nie odświeżane przy zmianie podstron?
komentarz 19 stycznia 2016 przez Comandeer Mentor (465,600 p.)
Hm… Strzałki (→) oznaczają callbacki:

Ukrycie → wczytanie nowej strony → pokazanie

Nie powinno być nic urywane.

Podobne pytania

0 głosów
2 odpowiedzi 76 wizyt
pytanie zadane 30 lipca 2016 w JavaScript, jQuery, AJAX przez pawelpawel Początkujący (480 p.)
0 głosów
1 odpowiedź 74 wizyt
0 głosów
1 odpowiedź 89 wizyt
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.Najlepsza odpowiedź

67,233 zapytań

114,193 odpowiedzi

242,036 komentarzy

45,642 pasjonatów

Przeglądających: 320
Pasjonatów: 6 Gości: 314

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...