• 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,510 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 (452,560 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,510 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 (452,560 p.)
Hm… Strzałki (→) oznaczają callbacki:

Ukrycie → wczytanie nowej strony → pokazanie

Nie powinno być nic urywane.

Podobne pytania

0 głosów
2 odpowiedzi 72 wizyt
pytanie zadane 30 lipca 2016 w JavaScript, jQuery, AJAX przez pawelpawel Początkujący (480 p.)
0 głosów
1 odpowiedź 88 wizyt
–1 głos
1 odpowiedź 89 wizyt
pytanie zadane 30 stycznia 2018 w JavaScript, jQuery, AJAX przez afqedart Gaduła (4,520 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

62,453 zapytań

108,603 odpowiedzi

226,735 komentarzy

36,179 pasjonatów

Przeglądających: 190
Pasjonatów: 18 Gości: 172

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.

...