Best Answer unbreak, 16 October 2015 - 07:11
Łap
$(document).ready(function () { $(".menu li").hover(function () { $(this).find('ul').fadeIn('medium'); },function () { $(this).find('ul').fadeOut('medium'); } );Go to the full post
Best Answer unbreak, 16 October 2015 - 07:11
Łap
$(document).ready(function () { $(".menu li").hover(function () { $(this).find('ul').fadeIn('medium'); },function () { $(this).find('ul').fadeOut('medium'); } );Go to the full post
Posted 14 October 2015 - 21:17
Siema! Chciałbym lekko zoptymalizować skrypty na moim forum. Stąd moje pytanie - jak skrócić coś takiego:
$(document).ready(function () { $(".cu0").hover( function () { $('.cu0-dropdown').fadeIn('medium'); }, function () { $('.cu0-dropdown').fadeOut('medium'); } ); $(".cu1").hover( function () { $('.cu1-dropdown').fadeIn('medium'); }, function () { $('.cu1-dropdown').fadeOut('medium'); } ); $(".cu2").hover( function () { $('.cu2-dropdown').fadeIn('medium'); }, function () { $('.cu2-dropdown').fadeOut('medium'); } );
Nie znam js ale próbowałem już kombinować coś takiego:
$(document).ready(function () { $(".cu0, cu1, cu2").hover( function () { $('.cu0-dropdown, cu1-dropdown, cu2-dropdown').fadeIn('medium'); }, function () { $('.cu0-dropdown, cu1-dropdown, cu2-dropdown').fadeOut('medium'); } );
W tym przypadku funkcje uruchamiające zakładki menu - uruchamiały wszystkie na raz (3x menu - lewe, prawe - mobilne(cu2) jest ukryte na desktop'ie).
No i jeszcze jedna niezdarna próba zrozumienia js:
$(document).ready(function () { $(".cu0") && $(".cu1") && $(".cu2").hover( function () { $('.cu0-dropdown') && $('.cu1-dropdown') && $('.cu2-dropdown').fadeIn('medium'); }, function () { $('.cu0-dropdown') && $('.cu1-dropdown') && $('.cu2-dropdown').fadeOut('medium'); } );
Przy takiej sklejce kodu menu nie chciało wgl. startować.
Zapewne wielu bardziej ogarniętym koderom ten wątek wyda się być zbędnym aczkolwiek tak to jest jak się robi coś czego zrobić się nie umie
Posted 15 October 2015 - 07:09
Pokaż html dla tego cu-dropdown i cu.
Możliwe że da się to ujednolicić za pomocą wspólnej klasy
webDeveloper
Posted 15 October 2015 - 16:55
Pokaż html dla tego cu-dropdown i cu.
Możliwe że da się to ujednolicić za pomocą wspólnej klasy
<nav class="menu float-left"> <ul> <li class="navigator"><a href=""><i style="font-size: 12px;" class="fa fa-home fa-fw"></i> Strona Główna</a></li> <li class="navigator"><a href=""><i style="font-size: 12px;" class="fa fa-users fa-fw"></i> Użytkownicy</a></li> <li class="navigator"><a href=""><i style="font-size: 12px;" class="fa fa-cloud-upload"></i> Hosting</a></li> <li class="navigator"><a href=""><i style="font-size: 12px;" class="fa fa-info fa-fw"></i> {$lang->toplinks_help}</a></li> <li class="cu0 navigator"><a href="#more"><i style="font-size: 14px;" class="fa fa-caret-down fa-fw"></i>Więcej</a> <ul class="cu0-dropdown"> <li><a href=""><i style="font-size: 12px; margin: 0 2px;" class="fa fa-bar-chart"></i> Forum statystyki</a></li> <li><a href=""><i style="font-size: 12px; margin: 0 4px;" class="fa fa-smile-o"></i> Pokaż drużynę</a></li> <li><a href=""><i style="font-size: 12px; margin: 0 5px;" class="fa fa-bookmark-o"></i> Rangi na forum</a></li> </ul> </li> <li class="cu1 resp-menu"><a href="#resp-menu"><nobr><i class="fa fa-bars"></i> Menu <i class="fa fa-caret-down fa-fw"></i></nobr></a> <ul class="cu1-dropdown"> <li><a href="" class="active"><i class="fa fa-home"></i> Strona Główna</a></li> <li><a href=""><i class="fa fa-heart"></i> Użytkownicy</a></li> <li><a href=""><i class="fa fa-cloud-upload"></i> Hosting</a></li> <li><a href=""><i class="fa fa-folder-open"></i> {$lang->toplinks_help}</a></li> <li><a href=""><i class="fa fa-flask"></i> Forum statystyki</a></li> <li><a href=""><i class="fa fa-cogs"></i> Pokaż ekipę</a></li> <li><a href=""><i class="fa fa-picture-o"></i> Rangi na forum</a></li> </ul> </li> </ul> </nav> <nav class="user_ui float-right"> <ul> {$welcomeblock} </ul> </nav>
Posted 16 October 2015 - 07:11 Best Answer
Łap
$(document).ready(function () { $(".menu li").hover(function () { $(this).find('ul').fadeIn('medium'); },function () { $(this).find('ul').fadeOut('medium'); } );
webDeveloper
Posted 18 October 2015 - 11:52
Łap
$(document).ready(function () { $(".menu li").hover(function () { $(this).find('ul').fadeIn('medium'); },function () { $(this).find('ul').fadeOut('medium'); } );
Dzięki wielkie (pomimo lekkich problemów z klasą user_ui udało mi się osiągnąć zamierzony efekt). Leci +/
Topic | Forum | Started By | Stats | Last Post Info | |
---|---|---|---|---|---|
[Wykonam] Pozycjonowanie i optymalizacja stronpozycjonowanie stron and 4 more... |
Pozycjonowanie i optymalizacja | challengemedia |
|
||
Uruchomienie skryptu po zaciągnięciu wszystkich zasobów przez AJAX |
PHP | przemoo83 |
|
||
Optymalizacja animacji SVG |
HTML i CSS | przemoo83 |
|
||
Optymalizacja strony |
Tutoriale i porady | Bart |
|
||
Optymalizacja linków problem |
WordPress | Kacperx |
|
0 members, 1 guests, 0 anonymous users