Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Rozwijane menu znika po zjechaniu myszki
Caw
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 13.03.2005

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


Ucze się dopiero więc pytanie może być banalne dla znawców smile.gif pod tym adresem strona znajduje się menu na którym się uczę.

Problem mam taki że po najechaniu muszką na link, menu się rozwija ale kiedy chce przejechać na rozwinięte elementy to znika. Znalazłem w necie multum przykładów zrobionych dużo prościej i działających a tutaj nie chce działać dry.gif prosze o jakąś podpowiedź co jest źle?

skrypt wygląda tak:


Kod
    menuDelegate: function() {
        
        $('#menu ul').delegate('li', 'mouseover mouseout', function(event){
            if(event.type == 'mouseover'){
                $(this).find('ul').filter(':not(:animated)').fadeIn(1000);
            }
            if(event.type == 'mouseout'){
                $(this).find('ul').fadeOut(300);
            }
        })
    }



I jeszcze jedno pytanie jak zrobić żeby po najechaniu na LI w głównym menu rozwineło się SUBmenu i wjężdżając na nie nie znikło podświetlenie z tego LI w głównym?


bardzo prosze o jakąś podpowiedź smile.gif
Go to the top of the page
+Quote Post
zegarek84
post
Post #2





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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


Cytat(Caw @ 23.09.2010, 19:33:17 ) *
I jeszcze jedno pytanie jak zrobić żeby po najechaniu na LI w głównym menu rozwineło się SUBmenu i wjężdżając na nie nie znikło podświetlenie z tego LI w głównym?

na bazie tych samych zdarzeń co zrobiłeś menu rozwijane...

zaś przy menu rozwijanym zastosuj zdarzenia: mouseenter i mouseleave...


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

Go to the top of the page
+Quote Post
Cassino
post
Post #3





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 23.09.2010
Skąd: Wolsztyn

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


Caw mam takie pytanie, gdzie wklejasz ten kod z skryptem?
Go to the top of the page
+Quote Post
Caw
post
Post #4





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 13.03.2005

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


mouseenter i mouseleave nic nie dało poza tym że w ogóle się nie rozwijają :/

Kod
$('#menu ul').delegate('li', 'mouseenter mouseleave', function(event){
            if(event.type == 'mouseenter'){
                $(this).find('ul').filter(':not(:animated)').fadeIn(1000);
            }
            if(event.type == 'mouseleave'){
                $(this).find('ul').fadeOut(300);
            }
        })


a kod wstawiam w zewnętrzynym pliku i wywołuje go na dole strony. Napewno działa bo mam w nim inne skrypty, ten zresztą też działa tylko niepoprawnie.

jakieś pomysły? w ogóle sposób podany przezemnie jest ok czy tak się nie robi? bo ja wyczytałem o .deleagte() i że tego powinno się używać.

Ten post edytował Caw 23.09.2010, 20:28:15
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 20.08.2025 - 08:00