Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [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
jam09
post
Post #2





Grupa: Zarejestrowani
Postów: 19
Pomógł: 0
Dołączył: 19.01.2010

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

<ul class="lavaLampWithImage" id="1"> nie powinno być <ul class="lavaLamp" id="1"> ?
Go to the top of the page
+Quote Post
mortus
post
Post #3





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

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

Zamień linię 10 na $(document).ready(function() { i powinno wystarczyć.
Go to the top of the page
+Quote Post
Pawel_W
post
Post #4





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

[HTML] pobierz, plaintext 
  1. </a></li>
[HTML] pobierz, plaintext

wywal to z końca

i tak w ogóle to jak ma się coś dziać jak link prowadzi do #?
Go to the top of the page
+Quote Post
putis
post
Post #5





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

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

Nie martw się sprawdzałem z innymi linkami:) Poza tym normalnie w pasku adresu na końcu linku powinien pojawić się # a w tym przypadku się nie pojawia. Zaraz sprawdzę to co podaliście i napiszę czy działa.

EDIT: Właśnie sprawdziłem wszystkie sposoby jednak żaden z nich nie działa:/ Nadal proszę o pomoc.

Ten post edytował putis 2.04.2010, 21:25:21
Go to the top of the page
+Quote Post
mortus
post
Post #6





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
putis
post
Post #7





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

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

Wielkie dzięki! Pomogło to co napisałeś winksmiley.jpg Oczywiście ode mnie na plus Pomógł.

Temat do zamknięcia.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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