Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jquery]Menu z efektem
Fluke
post
Post #1





Grupa: Zarejestrowani
Postów: 247
Pomógł: 9
Dołączył: 20.09.2010
Skąd: Kraków

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


Witam.

Mam wielki problem z menu z efektem.
  1. $(function() {
  2. $('.navigation li').live("mouseover", fuunction() {
  3. $(this).children('.sub').fadeIn(200);
  4. }).live("mouseout", function() {
  5. $(this).children('.sub').fadeOut(200);
  6. })
  7. })


Działa ok, ale jak najadę na sub menu to znika i z nowu się pojawia. Jak by to jQuery było nie dorobione.
Jak używałem .hover() było spoko tylko że muszę używać live bo przez AJAXA pobieram pod menu i w tedy hover nie działa na dalsze pod menu.
Męczę się z tym już od 5h i nie wiem co wykombinować.

Z góry dzięki za pomoc.
Pozdrawiam.
Go to the top of the page
+Quote Post
1010
post
Post #2





Grupa: Zarejestrowani
Postów: 749
Pomógł: 37
Dołączył: 3.10.2006

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


Prawdopodobnie submenu jest poza li uwzględnionym w Twoim "hover"


--------------------
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%)
-----


A może to wina tego fuunction z drugiej linii powyższego kodu? Jeśli nie, to podaj nam więcej szczegółów, a dokładniej CSS, HTML i JS odpowiedzialne za wyświetlanie i obsługę menu.
Go to the top of the page
+Quote Post
Fluke
post
Post #4





Grupa: Zarejestrowani
Postów: 247
Pomógł: 9
Dołączył: 20.09.2010
Skąd: Kraków

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


@1010 Nie jest na pewno,
@mortus: Nie wiem czy to problem live ale ona jest na pewno mi potrzebna do dalszych submenu. Chyba że jest jeszcze jakiś inny sposób do przekazywania zdarzeń. A po za tym myślałem że funkcja mouseover i mouseout działa na takiej zasadzie jak kod CSS :hover. Najwidoczniej nie ale dziwne że jak użyję funkcji .hover() w JS to działa tak jak CSS :hover i jest okey ale ona odpada ponieważ nie przypisuje zdarzeń nowym elementom ściągniętych z bazy.

Kod HTML:
  1. <ul class="navigation">
  2. <li id="1">Home</li>
  3. <li id="2">Contact</li>
  4. <li id="3">Services
  5. <ul>
  6. <li id="6">Position 1</li>
  7. <li id="8">Position 2</li>
  8. </ul>
  9. </li>
  10. </ul>


I jak zrobię w CSS tak:
  1. .navigation ul {
  2. display: none;
  3. }
  4.  
  5.  
  6. //i tutaj działa tak jak powinno bez używania JS.
  7. .navigation li:hover ul {
  8. display: block;
  9. }


I tutaj mam problem bo 2# ul jest pobierany z bazy danych AJAX`em automatycznie jak użytkownik najedzie myszką na odpowiedni element.
Każde ID w elemencie li oznacza jego ID w bazie danych by potem pobrać wszystkie dzieci które mają parent = ID.

Dziękuję i pozdrawiam.

Ten post edytował Fluke 11.10.2011, 08:24:03
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: 22.08.2025 - 11:34