Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Menu rozwijane, mouseenter
kpt_lucek
post 26.10.2011, 01:40:14
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 smile.gif ).

Proszę o pomoc.


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post

Posty w temacie


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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 13:10