Forum PHP.pl > [CSS][HTML][JavaScript] Problem z odnośnikami menu jQuery

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML][JavaScript] Problem z odnośnikami menu jQuery

putis

2.04.2010, 17:07:11

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 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Lava Lamp Menu Demo</title>
    <link rel="stylesheet" href="lavalamp_test.css" type="text/css" media="screen">
    <script type="text/javascript" src="jquery-1.1.3.1.min.js"></script>
    <script type="text/javascript" src="jquery.easing.min.js"></script>
    <script type="text/javascript" src="jquery.lavalamp.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout", 
                speed: 800,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>
</head>
 
<body>
<ul class="lavaLampWithImage" id="1">
    <li><a href="#">Home</a></li>
    <li><a href="#">O mnie</a></li>
    <li><a href="#">Folio</a></li>
	<li><a href="#">Media</a></li>
	<li><a href="#">Blog</a></li>
	<li><a href="#">Kontakt</a></li>
</ul></a></li>
</body></html>
[HTML] pobierz, plaintext

jam09

2.04.2010, 17:18:31

<ul class="lavaLampWithImage" id="1"> nie powinno być <ul class="lavaLamp" id="1"> ?

mortus

2.04.2010, 20:18:52

Zamień linię 10 na $(document).ready(function() { i powinno wystarczyć.

Pawel_W

2.04.2010, 20:22:26

[HTML] pobierz, plaintext 
</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 #?

putis

2.04.2010, 21:19:22

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.

mortus

2.04.2010, 22:09:27

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 
<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 
<script type="text/javascript">
    $(function(){
        $("#1, #2, #3").lavaLamp({
            fx: "backout",
            speed: 800,
            click: function(event, menuItem){
                // TUTAJ WPISUJEMY ODPOWIEDNI KOD,
                // ZA POMOCĄ KTÓREGO MOŻEMY NP.
                // DYNAMICZNIE ZAŁADOWAĆ ZAWARTOŚĆ PODSTRONY
                // OKREŚLONEJ ATRYBUTEM HREF DO JAKIEGOŚ ELEMENTU,
                // NP. JAKIEGOŚ DIV-A
                return false;
            }
        });
    });
</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).

putis

2.04.2010, 22:18:12

Wielkie dzięki! Pomogło to co napisałeś

Oczywiście ode mnie na plus Pomógł.

Temat do zamknięcia.

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.