[TYPO3-german] OT: Menüproblem / jQuery

Bergische Webschmiede post at bergische-webschmiede.de
Tue Mar 11 10:24:31 CET 2014


Hi,

diese Konstruktion

$($(this).find("div"))

finde ich verdächtig. Versuch mal einfach:
$(this).find("div").fadeIn();
$(this).find("div").fadeOut();

Zur Identifizierung aktiver Menüpunkte kann man auch gut mit has()
arbeiten.

Hilft dir das weiter?

Gruß
Stefan Padberg



Am 11.03.2014 09:32, schrieb Peter Kühnlein:
> Moin Liste,
> 
> ich hab ein kleines Offtopic-Problem, eigentlich eher jQuery:
> 
> Ich erzeuge ein Dropdown-Menü mit dieser Struktur
> 
> <ul id="primenav">
>  <li class="menu_act"><a href="home/" onfocus="blurLink(this);" 
>>HOME</a></li>
>  <li class="menu_no"><a href="leistungen/akquisition/"
> onfocus="blurLink(this);"  >LEISTUNGEN</a>
>   <div>
>    <ul class="menu-level2">
>     <li class="menu_no"><a href="leistungen/akquisition/"
> onfocus="blurLink(this);"  >Akquisition</a></li>
>     <li class="menu_no"><a href="leistungen/direktmarketing/"
> onfocus="blurLink(this);" >Direktmarketing</a></li>
>     <li class="menu_no"><a
> href="leistungen/firmenadressen-international/"
> onfocus="blurLink(this);"  >Firmenadressen International</a></li>
>     <li class="menu_no"><a href="leistungen/firmenadressen-deutschland/"
> onfocus="blurLink(this);"  >Firmenadressen Deutschland</a></li>
>    </ul>
>   </div>
>  </li>
> ...
> </ul>
> 
> Die div mit der Liste auf der 2. Ebene ist ausgeblendet übers CSS
> 
> #primenav li div {
>     position:relative;
>     z-index:10;
>     display:none;
> ...
> }
> 
> Sie soll eingeblendet werden mit einem kleinen jQuery-Skript
> 
> <script>
> $(document).ready(function(){
>   $("#primenav li").mouseenter(function(){
>     $($(this).find("div")).fadeIn();
>   });
> });
> $(document).ready(function(){
>   $("#primenav li").mouseleave(function(){
>     $($(this).find("div")).fadeOut();
>   });
> });
> </script>
> 
> Aber dieses Skript greift nur, wenn der Menüpunkt, in dem die div steht,
> aktiviert ist. Soll natürlich greifen, wann immer der Mauszeiger über
> dem entsprechenden li der 1. Ebene landet. Verdammt! Was mach ich falsch?
> 
> Danke schon jetzt für die Hilfe,
> Peter
> 



More information about the TYPO3-german mailing list