Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Menu rozwijane, mouseenter
kpt_lucek
post
Post #1





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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


Witam!
Mam pewien problem z menu rozwijanym jakie piszę

[JAVASCRIPT] pobierz, plaintext
  1. $("#menu_sidebar li a").mouseenter(function(){
  2. if($(this).hasClass("klik"))
  3. {
  4. var a = $(this).attr("class").split(' ')[0];
  5. $(".pod_menu:visible").slideUp("normal", function(){
  6. $("#" + a).slideDown("normal");
  7. });
  8. }
  9. });
  10.  
  11. /*
  12. na razie wersja testowa tego skryptu dlatego za specjalnie nie wygląda...
  13. */
[JAVASCRIPT] pobierz, plaintext


oraz kawałek menu:

  1. <ul id="menu_horizontal_1">
  2. <li><a href="java script:void(0)" class="menu_0 klik">Art. Papiernicze</a>
  3. <ul style="display:" class="pod_menu" id="menu_0">
  4. <li><a href="java script:void(0)">Link #1</a></li>
  5. <li><a href="java script:void(0)">Link #2</a></li>
  6. <li><a href="java script:void(0)">Link #3</a></li>
  7. <li><a href="java script:void(0)">Link #4</a></li>
  8. <li><a href="java script:void(0)">Link #5</a></li>
  9. </ul></li>
  10. <li><a href="java script:void(0)" class="menu_1 klik">Biżuteria</a>
  11. <ul style="display:none" class="pod_menu" id="menu_1">
  12. <li><a href="java script:void(0)">Link #1</a></li>
  13. <li><a href="java script:void(0)">Link #2</a></li>
  14. <li><a href="java script:void(0)">Link #3</a></li>
  15. <li><a href="java script:void(0)">Link #4</a></li>
  16. <li><a href="java script:void(0)">Link #5</a></li>
  17. </ul></li>
  18. <li><a href="java script:void(0)" class="menu_2 klik">Wyposarzenie Wnętrz</a>
  19. <ul style="display:none" class="pod_menu" id="menu_2">
  20. <li><a href="java script:void(0)">Link #1</a></li>
  21. <li><a href="java script:void(0)">Link #2</a></li>
  22. <li><a href="java script:void(0)">Link #3</a></li>
  23. <li><a href="java script:void(0)">Link #4</a></li>
  24. <li><a href="java script:void(0)">Link #5</a></li>
  25. </ul></li>
  26. </ul>


Na podanym przykładzie wystarczy przejechać myszą po wszystkich elementach nagłówkowych (klasa "menu_[id] klik") aby te oto menu zaczęło nam jeździć po ekranie... Szukałem sposobu na ograniczenie tego rozwijania lecz bez skutku, funkcja .stop() pomaga na tyle że przerywa działanie po najechaniu na inny element nagłówkowy. Powiem szczerze że siedzę nad tym już ponad godzinę i rozwiązania znaleźć nie mogę (a gotowców używać nie zamierzam (IMG:style_emoticons/default/smile.gif) ).

Proszę o pomoc.
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: 6.10.2025 - 22:43