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

Peter Kühnlein peter at function2form.net
Tue Mar 11 09:32:32 CET 2014


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

-- 

http://function2form.net
http://peter-kuehnlein.net

"The Way of the Samurai is found in death. When it comes to either/or, there is only the quick choice of death. It is not particularly difficult."
(Hagakure)



More information about the TYPO3-german mailing list