Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> jQuery problem z "aktywacją" mouseover
jakobkow
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 6.06.2012

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


Witam wszystkich forumowiczów.
Mój pierwszy post dotyczy nastepującego problemu.

Napisałem następujący kod

  1. $("#menu_element").mouseover(function() {
  2. $(this).stop(true,false).animate({ backgroundColor: "#999999", color: "#000000"}, 500);
  3. });
  4.  
  5. $("#menu_element").mouseleave(function() {
  6. $(this).stop(true,false).animate({ backgroundColor: "#000000", color: "#cccccc" }, 200);
  7. });


który jak widzicie powoduje płynne podświetlanie elementów menu. Kod działa poprawnie ale problem polega na tym, że bezpośrednio po
"załadowaniu" strony (kiedy pierwszy raz najadę kursorem myszy na element menu) kod się nie wykonuje (tak jakby nie istniał). Dopiero ponowne najechanie kursorem
na dany element menu powoduje poprawne podświetlenie lub wygaszenie tego elementu. Problem dotyczy wszystkich elementów menu (jeśli jest ich 20 to muszę na każdy z osobna najechać myszą aby ściemnianie i rozjaśnianie zadziałało poprawnie).
Czy ktoś z Was ma pomysł co może być przyczyną tego problemu? Jeśli tak to proszę o jakieś wskazówki bo ja jQuery używam dopiero od 2 dni.

Ten post edytował jakobkow 7.06.2012, 21:02:10
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


1.
Cytat
jeśli jest ich 20 to muszę ...

Jak może być 20 skoro używasz #(id), a id jest unikalne. Jeśli już to użyj .(klasy)
2. Jak możesz to w przyszłości dodawaj jakiś kod HTML - teraz sam musiałem pisać, żeby zrobić odpowiednie testy (IMG:style_emoticons/default/smile.gif)
3. http://jsfiddle.net/KVK8Y/ - tu działa, więc błąd musi być gdzieś indziej - zobacz, że żeby animować kolory potrzebujesz pluginu
4. Daj link do demo, żebyśmy mogli sprawdzić co zrobiłeś nie tak
5. Na pewno DOM za pierwszym razem jest załadowany? - http://api.jquery.com/ready/

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





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 6.06.2012

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


Cytat(kamil4u @ 7.06.2012, 22:24:25 ) *
Jak może być 20 skoro używasz #(id), a id jest unikalne. Jeśli już to użyj .(klasy)

Tak z id dałem ciała, że aż mi głupio ale nie w tym tkwił problem.
Problem rozwiązałem, a polegał on na tym, że nie wyczyściłem w CSS pozostałości po wcześniejszych testch i do klasy,
która była przypisana do przycisknu, miałem określone HOVER, które powodowało zmianę tła na czarne.
Tak to jest jak się testuje coś na pałę.
Dzięki za pomoc.
Pozdrawiam
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 20.12.2025 - 21:35