• 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
83 wizyt
pytanie zadane 19 stycznia 2016 w JavaScript, jQuery, AJAX przez PreZmyK Pasjonat (17,830 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 (455,080 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,830 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 (455,080 p.)
Hm… Strzałki (→) oznaczają callbacki:

Ukrycie → wczytanie nowej strony → pokazanie

Nie powinno być nic urywane.

Podobne pytania

0 głosów
2 odpowiedzi 74 wizyt
pytanie zadane 30 lipca 2016 w JavaScript, jQuery, AJAX przez pawelpawel Początkujący (480 p.)
0 głosów
1 odpowiedź 89 wizyt
–1 głos
1 odpowiedź 91 wizyt
pytanie zadane 30 stycznia 2018 w JavaScript, jQuery, AJAX przez afqedart Gaduła (4,660 p.)
Porady nie od parady
Komentarze do pytań nie służą do odpowiadania, od tego jest wydzielona sekcja odpowiedzi. Funkcją komentarzy jest natomiast możliwość uzyskania dodatkowych informacji na temat samego posta.Komentarze

64,023 zapytań

110,396 odpowiedzi

231,162 komentarzy

47,800 pasjonatów

Przeglądających: 150
Pasjonatów: 1 Gości: 149

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.

...