Forum PHP.pl > [JavaScript]jQuery, przekakujące menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]jQuery, przekakujące menu

Sueroski

11.11.2010, 16:06:12

Zacząłem się uczyć jQuery i chciałem co nieco z niego wykorzystać w praktyce.
Kod osadzony na linkach miał sprawić, aby div "content" zniknął, załadowała się do niego strona, pojawił się.

Wszystko działa pięknie tylko podczas przechodzenia pomiędzy stronami menu podskakuje do samej góry na chwilkę.
Nie jest to jakieś bardzo uciążliwe, jednak warto byłoby to wyeliminować, bo mimo wszystko jest to denerwujące.
Tutaj filmik z tym jak to wygląda (ten przeskok): http://tinyvid.tv/show/2lmjhir16lddm

Tutaj kod (oczywiście jest to generowane przez PHP, ale kod PHP chyba nie jest potrzebny):

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" href="style.css" rel="Stylesheet" />
	<title>***</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<div class="site">
<div id="menu">
 
<a href="#" id="main">Strona Główna</a><br />
<a href="#" id="ptc">PTC</a></div>
<div id="content">
<script type="text/javascript">
$(document).ready( function(){
	$("#content").load('site.php?p=main')
	$("#main").click( function(){
		$("#content").fadeOut()
		$("#content").load('site.php?p=main')
		$("#content").fadeIn()
	} )
	$("#ptc").click( function(){
		$("#content").fadeOut('slow', function(){
			$("#content").load('site.php?p=ptc', {limit: 25}, function(){ 
				$("#content").fadeIn()
			})
		})
	} )
})
</script>
</div>
<div id="footer">
Copyright&copy; 2010 ********<br />
Permission is granted to copy, distribute and/or modify this document
under the terms of the GNU Free Documentation License, Version 1.3
or any later version published by the Free Software Foundation;<br />
Full licence text <a href="http://www.gnu.org/licenses/fdl.html">here</a>. 
 
</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

Przeglądarka: IceCat 3.6.9 (fork do Firefox'a... traktować to jako Firefox'a należy bo różnice są tylko właściwie w logu i wyszukiwaniu wtyczek)
System: Ubuntu 10.04

W czym tkwi problem?

konrados

11.11.2010, 17:48:46

A spróbuj:

[HTML] pobierz, plaintext 
	$("#ptc").click( function(event){
                event.preventDefault();
		$("#content").fadeOut('slow', function(){
			$("#content").load('site.php?p=ptc', {limit: 25}, function(){ 
				$("#content").fadeIn()
			})
		})
	} )
[HTML] pobierz, plaintext

Tak tylko zgaduję.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.