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

[Peter Kühnlein]

Hi Susanne -

und nochmal Danke: ich hab's getestet, und auch einen alert() eingebaut: 
an den Menüpunkten 1 und 4 (also, wenn die aktiv sind) wird das Skript 
nicht einmal ausgelöst, an den Menüpunkten 2, 3 und 5 schon.

Ich bin komplett verwirrt.

Schöne Grüße,
Peter

Am 12.03.2014 17:45, schrieb Susanne:
> Hallo Peter,
>
> noch ein Versuch:
>
> $(document).ready(function()
>     { $( "#primenav li" ).hover(
>         function() {
>             $(this).children("div").fadeIn();
>         }, function() {
> $(this).children("div").fadeOut();
>         }
>     );
> });
>
> Gruß
> Susanne
>
> Am 11.03.2014 19:51, schrieb Peter Kühnlein:
>> Schönen Abend Susanne,
>>
>> und Danke für das Snippet... ich werd heut echt noch wahnsinnig: das 
>> macht exakt das Gleiche wie das, das ich gebastelt hatte. Also: vom 
>> aktiven Menüpunkt aus, dem nächsten und überübernächsten... das ist 
>> doch irre.
>>
>> LG Peter
>>
>> Am 11.03.2014 17:00, schrieb Susanne:
>>> Hi,
>>>
>>> sorry, irgendwas ist beim reincopieren mit dem code passiert. Hier 
>>> der code nochmal (hoffentlich) in ordentlich:
>>> ungetestet, aber versuchs mal mit hover:
>>>
>>> $(document).ready(function()
>>>     { $( "#primenav li" ).hover(
>>>         function() {
>>>             $($(this).find("div")).fadeIn();
>>>         }, function() {
>>>             $($(this).find("div")).fadeOut();
>>>         }
>>>     );
>>> });
>>>
>>> Gruß Susanne
>>>
>>> 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
>>


-- 

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

"By being impatient, matters are damaged and great works can not be done. If one considers something not to be a matter of time, it will be done surprisingly quickly."
(Hagakure)