Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML][JavaScript] Problem z odnośnikami menu jQuery, Po kliknięciu w link nic się nie dzieje.
putis
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 2.04.2010

Ostrzeżenie: (0%)
-----

Witam,
mam następujący problem z menu wykonanym przy pomocy jQuery: nadałem odnośniki wszystkim klawiszom w menu. Po najechaniu na klawisz na dole przeglądarki widoczny jest nadany mu odnośnik, jednak po kliknięciu nic się nie dzieje. Proszę o pomoc w rozwiązaniu problemu. Podejrzewam, że tkwi on w JavaScripcie.

Poniżej kod z indexu. Jeśli będzie potrzebny z innych plików to proszę napisać.

CODE
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4.     <title>Lava Lamp Menu Demo</title>
  5.     <link rel="stylesheet" href="lavalamp_test.css" type="text/css" media="screen">
  6.     <script type="text/javascript" src="jquery-1.1.3.1.min.js"></script>
  7.     <script type="text/javascript" src="jquery.easing.min.js"></script>
  8.     <script type="text/javascript" src="jquery.lavalamp.min.js"></script>
  9.     <script type="text/javascript">
  10.         $(function() {
  11.             $("#1, #2, #3").lavaLamp({
  12.                 fx: "backout", 
  13.                 speed: 800,
  14.                 click: function(event, menuItem) {
  15.                     return false;
  16.                 }
  17.             });
  18.         });
  19.     </script>
  20. </head>
  21.  
  22. <body>
  23. <ul class="lavaLampWithImage" id="1">
  24.     <li><a href="#">Home</a></li>
  25.     <li><a href="#">O mnie</a></li>
  26.     <li><a href="#">Folio</a></li>
  27. 	<li><a href="#">Media</a></li>
  28. 	<li><a href="#">Blog</a></li>
  29. 	<li><a href="#">Kontakt</a></li>
  30. </ul></a></li>
  31. </body></html>
[HTML] pobierz, plaintext


Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----

Bo wszystko zależy od tego, co się ma dziać. Jeśli po kliknięciu w link masz zamiar otworzyć już przygotowaną stronę w html-u, to odnośnik powinien wyglądać tak:
[HTML] pobierz, plaintext 
  1. <a href="kontakt.html">Kontakt</a>
[HTML] pobierz, plaintext
a w linii 15 zamiast false wpisujesz true. Jeżeli chcesz dynamicznie ładować strony, to kod za to odpowiedzialny powinien się znaleźć w skrypcie:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.     $(function(){
  3.         $("#1, #2, #3").lavaLamp({
  4.             fx: "backout",
  5.             speed: 800,
  6.             click: function(event, menuItem){
  7.                 // TUTAJ WPISUJEMY ODPOWIEDNI KOD,
  8.                 // ZA POMOCĄ KTÓREGO MOŻEMY NP.
  9.                 // DYNAMICZNIE ZAŁADOWAĆ ZAWARTOŚĆ PODSTRONY
  10.                 // OKREŚLONEJ ATRYBUTEM HREF DO JAKIEGOŚ ELEMENTU,
  11.                 // NP. JAKIEGOŚ DIV-A
  12.                 return false;
  13.             }
  14.         });
  15.     });
  16. </script>
[HTML] pobierz, plaintext
A odnośniki powinny posiadać mimo wszystko konkretny atrybut href (będący albo nazwą podstrony, albo nazwą jakiegoś skryptu PHP, który odpowiednio nam stronę wygeneruje).

Ten post edytował mortus 2.04.2010, 22:10:04
Go to the top of the page
+Quote Post

Posty w temacie
- putis   [CSS][HTML][JavaScript] Problem z odnośnikami menu jQuery   2.04.2010, 17:07:11
- - jam09   <ul class="lavaLampWithImage" id=...   2.04.2010, 17:18:31
- - mortus   Zamień linię 10 na $(document).ready(function...   2.04.2010, 20:18:52
- - Pawel_W   [HTML] pobierz, plaintext </a></li>[HT...   2.04.2010, 20:22:26
- - putis   Nie martw się sprawdzałem z innymi linkami:) Poza ...   2.04.2010, 21:19:22
- - mortus   Bo wszystko zależy od tego, co się ma dziać. Jeśli...   2.04.2010, 22:09:27
- - putis   Wielkie dzięki! Pomogło to co napisałeś Oczyw...   2.04.2010, 22:18:12

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 3.10.2025 - 06:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn